xuans/Smail
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

修复协议卡片桌面并排布局并精简加密说明
Some checks are pending
Security Checks / security (push) Waiting to run
Details

Browse Source
This commit is contained in:
smail 2026-09-26 22:41:21 +08:00
parent 739fdfcb9c
commit 7fa4e3a242
2 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
View File

@ -233,7 +233,7 @@
/* 通用协议指引网格 */
.proto-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
gap: 12px;
}
@ -254,23 +254,30 @@
}
.proto-header {
display: flex;
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
align-items: center;
justify-content: space-between;
gap: 8px;
gap: 2px 6px;
padding-bottom: 8px;
border-bottom: 1px solid var(--pm-border-color);
}
.proto-name-badge {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
min-width: 0;
display: contents;
}
.proto-name-badge > .el-tag {
grid-column: 2;
grid-row: 2;
justify-self: end;
max-width: 100%;
padding-inline: 4px;
font-size: 11px;
}
.proto-title {
grid-column: 1;
grid-row: 1 / 3;
display: flex;
flex-direction: column;
gap: 2px;
@ -292,6 +299,9 @@
}
.btn-card-copy {
grid-column: 2;
grid-row: 1;
justify-self: end;
flex-shrink: 0;
padding-inline: 0;
font-weight: 600;
@ -308,7 +318,7 @@
grid-template-columns: max-content minmax(0, 1fr);
align-items: baseline;
font-size: 13px;
gap: 8px;
gap: 6px;
line-height: 1.5;
}

6
frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
View File

@ -173,7 +173,7 @@
</div>
<div class="field-item">
<span class="field-k">加密</span>
<span class="field-v">SSL / TLS 隐式加密</span>
<span class="field-v">SSL / TLS</span>
</div>
</div>
</div>
@ -210,7 +210,7 @@
</div>
<div class="field-item">
<span class="field-k">加密</span>
<span class="field-v">SSL / TLS 隐式加密</span>
<span class="field-v">SSL / TLS</span>
</div>
</div>
</div>
@ -247,7 +247,7 @@
</div>
<div class="field-item">
<span class="field-k">加密</span>
<span class="field-v">SSL 隐式加密 / STARTTLS</span>
<span class="field-v">SSL / STARTTLS</span>
</div>
</div>
</div>