From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001 From: wwf <yearningwang@iqtogether.com> Date: 星期三, 04 六月 2025 15:17:49 +0800 Subject: [PATCH] 初始化 --- app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx | 23 +++++++++++------------ 1 files changed, 11 insertions(+), 12 deletions(-) diff --git a/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx b/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx index 667bf7c..ddbe745 100644 --- a/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx +++ b/app/components/base/file-uploader/file-uploader-in-chat-input/file-item.tsx @@ -45,37 +45,36 @@ let tmp_preview_url = url || base64Url if (!tmp_preview_url && file?.originalFile) tmp_preview_url = URL.createObjectURL(file.originalFile.slice()).toString() - const download_url = url ? `${url}&as_attachment=true` : base64Url return ( <> <div className={cn( - 'group/file-item relative h-[68px] w-[144px] rounded-lg border-[0.5px] border-components-panel-border bg-components-card-bg p-2 shadow-xs', + 'group/file-item relative p-2 w-[144px] h-[68px] rounded-lg border-[0.5px] border-components-panel-border bg-components-card-bg shadow-xs', !uploadError && 'hover:bg-components-card-bg-alt', uploadError && 'border border-state-destructive-border bg-state-destructive-hover', - uploadError && 'bg-state-destructive-hover-alt hover:border-[0.5px] hover:border-state-destructive-border', + uploadError && 'hover:border-[0.5px] hover:border-state-destructive-border bg-state-destructive-hover-alt', )} > { showDeleteAction && ( <Button - className='absolute -right-1.5 -top-1.5 z-[11] hidden h-5 w-5 rounded-full p-0 group-hover/file-item:flex' + className='hidden group-hover/file-item:flex absolute -right-1.5 -top-1.5 p-0 w-5 h-5 rounded-full z-[11]' onClick={() => onRemove?.(id)} > - <RiCloseLine className='h-4 w-4 text-components-button-secondary-text' /> + <RiCloseLine className='w-4 h-4 text-components-button-secondary-text' /> </Button> ) } <div - className='system-xs-medium mb-1 line-clamp-2 h-8 cursor-pointer break-all text-text-tertiary' + className='mb-1 h-8 line-clamp-2 system-xs-medium text-text-tertiary break-all cursor-pointer' title={name} onClick={() => canPreview && setPreviewUrl(tmp_preview_url || '')} > {name} </div> <div className='relative flex items-center justify-between'> - <div className='system-2xs-medium-uppercase flex items-center text-text-tertiary'> + <div className='flex items-center system-2xs-medium-uppercase text-text-tertiary'> <FileTypeIcon size='sm' type={getFileAppearanceType(name, type)} @@ -94,16 +93,16 @@ } </div> { - showDownloadAction && download_url && ( + showDownloadAction && tmp_preview_url && ( <ActionButton size='m' - className='absolute -right-1 -top-1 hidden group-hover/file-item:flex' + className='hidden group-hover/file-item:flex absolute -right-1 -top-1' onClick={(e) => { e.stopPropagation() - downloadFile(download_url || '', name) + downloadFile(tmp_preview_url || '', name) }} > - <RiDownloadLine className='h-3.5 w-3.5 text-text-tertiary' /> + <RiDownloadLine className='w-3.5 h-3.5 text-text-tertiary' /> </ActionButton> ) } @@ -119,7 +118,7 @@ { uploadError && ( <ReplayLine - className='h-4 w-4 text-text-tertiary' + className='w-4 h-4 text-text-tertiary' onClick={() => onReUpload?.(id)} /> ) -- Gitblit v1.8.0