feat: update button styles for file removal actions in FileUpload and FileUploadMultiple components

This commit is contained in:
Yoga Pangestu 2026-08-14 23:16:53 +07:00
parent 8194a71c68
commit aff7ddbcf2
2 changed files with 2 additions and 1 deletions

View File

@ -108,7 +108,7 @@ export function FileUploadMultiple({
<button <button
type="button" type="button"
onClick={() => handleRemove(index)} onClick={() => handleRemove(index)}
className="absolute right-1 top-1 rounded-full bg-black/60 p-0.5 text-white opacity-0 transition-opacity hover:bg-black/80 group-hover:opacity-100" className="absolute right-1 top-1 rounded-full bg-destructive p-0.5 text-white hover:bg-destructive/80"
> >
<X className="h-3 w-3" /> <X className="h-3 w-3" />
</button> </button>

View File

@ -226,6 +226,7 @@ export function FileUpload({
<AttachmentActions> <AttachmentActions>
<AttachmentAction <AttachmentAction
aria-label="Hapus file" aria-label="Hapus file"
variant="destructive"
onClick={handleRemove} onClick={handleRemove}
> >
<X /> <X />