style: use card in backup progress waiting

This commit is contained in:
Nicolas Meienberger
2025-11-09 12:25:15 +01:00
parent 5e908dc945
commit 4b981bdcac

View File

@@ -36,12 +36,12 @@ export const BackupProgressCard = ({ scheduleId }: Props) => {
if (!progress) { if (!progress) {
return ( return (
<div className="rounded-lg border border-border bg-card p-4"> <Card className="p-4">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" /> <div className="h-4 w-4 animate-spin rounded-full border-2 border-primary border-t-transparent" />
<span className="text-sm text-muted-foreground">Starting backup...</span> <span className="font-medium">Backup in progress</span>
</div>
</div> </div>
</Card>
); );
} }