瀏覽代碼

💄 style(avatar): 优化头像选择器中文件名显示样式

- 添加 truncate 类防止文件名过长溢出
- 设置不同屏幕宽度下的最大宽度(w-40 sm:w-64)以适应响应式布局
yourname 4 月之前
父節點
當前提交
29a7b8ef6b
共有 1 個文件被更改,包括 1 次插入1 次删除
  1. 1 1
      src/client/admin-shadcn/components/AvatarSelector.tsx

+ 1 - 1
src/client/admin-shadcn/components/AvatarSelector.tsx

@@ -168,7 +168,7 @@ const AvatarSelector: React.FC<AvatarSelectorProps> = ({
                 {currentFile ? '更换头像' : placeholder}
               </Button>
               {currentFile && (
-                <p className="text-xs text-muted-foreground">
+                <p className="text-xs text-muted-foreground truncate w-40 sm:w-64 ">
                   当前: {currentFile.name}
                 </p>
               )}