fix(backup-card): dot invisible if volume name too long

This commit is contained in:
Nicolas Meienberger 2026-01-29 21:09:42 +01:00
parent 93aabebd51
commit 09fca52b20

View file

@ -21,11 +21,11 @@ export const BackupCard = ({ schedule }: { schedule: BackupSchedule }) => {
isInProgress={schedule.lastBackupStatus === "in_progress"} isInProgress={schedule.lastBackupStatus === "in_progress"}
/> />
</div> </div>
<CardDescription className="ml-0.5 flex items-center gap-2 text-xs"> <CardDescription className="ml-0.5 flex items-center gap-2 text-xs min-w-0">
<HardDrive className="h-3.5 w-3.5" /> <HardDrive className="h-3.5 w-3.5 shrink-0" />
<span className="truncate">{schedule.volume.name}</span> <span className="truncate">{schedule.volume.name}</span>
<span className="text-muted-foreground"></span> <span className="text-muted-foreground shrink-0"></span>
<Database className="h-3.5 w-3.5 text-strong-accent" /> <Database className="h-3.5 w-3.5 text-strong-accent shrink-0" />
<span className="truncate text-strong-accent">{schedule.repository.name}</span> <span className="truncate text-strong-accent">{schedule.repository.name}</span>
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>