From 0f4310c345bb00d6813eaf7a0df1f90c93e80906 Mon Sep 17 00:00:00 2001
From: liangxu <liangxu0920@qq.com>
Date: Fri, 1 May 2026 10:22:05 +0800
Subject: [PATCH] fix(admin-web): prevent source link overflow in article
 drawer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将来源链接外层改成 grid wrapper 并固定图标 flex-shrink，
避免长 URL 把图标挤出布局或超过描述列宽。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../src/components/ArticleDetailDrawer.vue    | 44 ++++++++++++-------
 1 file changed, 28 insertions(+), 16 deletions(-)

diff --git a/apps/admin-web/src/components/ArticleDetailDrawer.vue b/apps/admin-web/src/components/ArticleDetailDrawer.vue
index a6388a0..cb7e387 100644
--- a/apps/admin-web/src/components/ArticleDetailDrawer.vue
+++ b/apps/admin-web/src/components/ArticleDetailDrawer.vue
@@ -301,21 +301,23 @@ async function copyPublishLink(record: PublishRecord): Promise<void> {
             :label="t('article.meta.sourceArticle')"
             :span="2"
           >
-            <a
-              class="article-drawer__source-link"
-              :href="sourceArticleURL"
-              target="_blank"
-              rel="noopener noreferrer"
-              :title="sourceArticleURL"
-            >
-              <LinkOutlined />
-              <span class="article-drawer__source-copy">
-                <span v-if="sourceArticleTitle" class="article-drawer__source-title">
-                  {{ sourceArticleTitle }}
+            <div class="article-drawer__source-wrapper">
+              <a
+                class="article-drawer__source-link"
+                :href="sourceArticleURL"
+                target="_blank"
+                rel="noopener noreferrer"
+                :title="sourceArticleURL"
+              >
+                <LinkOutlined class="article-drawer__source-icon" />
+                <span class="article-drawer__source-copy">
+                  <span v-if="sourceArticleTitle" class="article-drawer__source-title">
+                    {{ sourceArticleTitle }}
+                  </span>
+                  <span class="article-drawer__source-url">{{ sourceArticleURL }}</span>
                 </span>
-                <span class="article-drawer__source-url">{{ sourceArticleURL }}</span>
-              </span>
-            </a>
+              </a>
+            </div>
           </a-descriptions-item>
         </a-descriptions>
       </section>
@@ -459,14 +461,24 @@ async function copyPublishLink(record: PublishRecord): Promise<void> {
   margin-top: 24px;
 }
 
+.article-drawer__source-wrapper {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  width: 100%;
+}
+
 .article-drawer__source-link {
-  display: inline-flex;
-  max-width: 100%;
+  display: flex;
+  width: 100%;
   align-items: center;
   gap: 6px;
   color: #1677ff;
 }
 
+.article-drawer__source-icon {
+  flex-shrink: 0;
+}
+
 .article-drawer__source-copy {
   display: flex;
   min-width: 0;