From f9d0a30d46bae9f4be0b0d2a15a6dcb815199297 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=96=BB=E5=8B=87=E7=A5=A5?= <237899745@qq.com>
Date: Fri, 14 Nov 2025 17:12:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E5=88=86=E4=BA=AB=E5=88=97=E8=A1=A8=E9=95=BF=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=E5=90=8D=E5=AF=BC=E8=87=B4UI=E6=BA=A2=E5=87=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 问题
在移动端"我的分享"的列表视图下,长文件名会导致:
- 表格宽度被撑开
- 分享链接等内容溢出到容器外
- 页面布局错乱

## 修复
为分享列表的表格添加文字溢出处理:

1. 文件路径列:
   - 限制max-width: 200px
   - 超出部分显示省略号(text-overflow: ellipsis)
   - 鼠标悬停显示完整路径(title属性)

2. 分享链接列:
   - 限制max-width: 250px
   - 超出部分显示省略号
   - 鼠标悬停显示完整链接

## 其他位置检查
- 大图标视图已有溢出处理(-webkit-line-clamp: 2),无需修改
- 文件列表视图也已有完善的溢出处理

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/app.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app.html b/frontend/app.html
index 4555e95..b544d48 100644
--- a/frontend/app.html
+++ b/frontend/app.html
@@ -1168,9 +1168,9 @@
           </thead>
           <tbody>
             <tr v-for="share in shares" :key="share.id" style="border-bottom: 1px solid #eee;">
-              <td style="padding: 10px;">{{ share.share_path }}</td>
-              <td style="padding: 10px;">
-                <a :href="share.share_url" target="_blank" style="color: #667eea;">{{ share.share_url }}</a>
+              <td style="padding: 10px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" :title="share.share_path">{{ share.share_path }}</td>
+              <td style="padding: 10px; max-width: 250px;">
+                <a :href="share.share_url" target="_blank" style="color: #667eea; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" :title="share.share_url">{{ share.share_url }}</a>
               </td>
               <td style="padding: 10px; text-align: center;">{{ share.view_count }}</td>
               <td style="padding: 10px; text-align: center;">{{ share.download_count }}</td>