fix(backup-card): dot invisible if volume name too long
This commit is contained in:
parent
93aabebd51
commit
09fca52b20
1 changed files with 4 additions and 4 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue