UI adaptation for dark mode

This commit is contained in:
yangdx
2025-03-28 14:36:55 +08:00
parent af20189967
commit 5e06d01de4

View File

@@ -365,7 +365,7 @@ function Progress({ value, error }: ProgressProps) {
<div <div
className={cn( className={cn(
'h-full transition-all', 'h-full transition-all',
error ? 'bg-destructive' : 'bg-primary' error ? 'bg-red-400' : 'bg-primary'
)} )}
style={{ width: `${value}%` }} style={{ width: `${value}%` }}
/> />
@@ -387,7 +387,7 @@ function FileCard({ file, progress, error, onRemove }: FileCardProps) {
<div className="relative flex items-center gap-2.5"> <div className="relative flex items-center gap-2.5">
<div className="flex flex-1 gap-2.5"> <div className="flex flex-1 gap-2.5">
{error ? ( {error ? (
<FileText className="text-destructive size-10" aria-hidden="true" /> <FileText className="text-red-400 size-10" aria-hidden="true" />
) : ( ) : (
isFileWithPreview(file) ? <FilePreview file={file} /> : null isFileWithPreview(file) ? <FilePreview file={file} /> : null
)} )}
@@ -397,7 +397,7 @@ function FileCard({ file, progress, error, onRemove }: FileCardProps) {
<p className="text-muted-foreground text-xs">{formatBytes(file.size)}</p> <p className="text-muted-foreground text-xs">{formatBytes(file.size)}</p>
</div> </div>
{error ? ( {error ? (
<div className="text-destructive text-sm"> <div className="text-red-400 text-sm">
<div className="relative mb-2"> <div className="relative mb-2">
<Progress value={100} error={true} /> <Progress value={100} error={true} />
</div> </div>