소스 검색

💄 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>
               )}