From 7fa4e3a242ecd7588db7ce3ece50c66b24994923 Mon Sep 17 00:00:00 2001
From: smail <likb_blue@163.com>
Date: Sat, 26 Sep 2026 22:41:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=8D=8F=E8=AE=AE=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A1=8C=E9=9D=A2=E5=B9=B6=E6=8E=92=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=B9=B6=E7=B2=BE=E7=AE=80=E5=8A=A0=E5=AF=86=E8=AF=B4=E6=98=8E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ThirdPartyAuthorization.css               | 30 ++++++++++++-------
 .../ThirdPartyAuthorization.vue               |  6 ++--
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
index 510f9a7..7874f33 100644
--- a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
+++ b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.css
@@ -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;
 }
 
diff --git a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
index f4e68cc..07d3c55 100644
--- a/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
+++ b/frontend/src/views/components/ThirdPartyAuthorization/ThirdPartyAuthorization.vue
@@ -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>