fix formatting in playlist duration (#1382)

This commit is contained in:
jeffvli
2025-12-14 01:31:40 -08:00
parent 8b0632495b
commit 4cc51c3700
3 changed files with 18 additions and 5 deletions
@@ -58,12 +58,16 @@
flex-wrap: nowrap;
gap: var(--theme-spacing-md);
align-items: center;
min-width: 0;
}
.metadata-group-item {
display: flex;
flex-shrink: 0;
flex-wrap: nowrap;
gap: var(--theme-spacing-xs);
align-items: center;
white-space: nowrap;
}
.name {
@@ -184,14 +184,14 @@ const PlaylistRowButton = memo(({ item, name, onContextMenu, to }: PlaylistRowBu
</Text>
<div className={styles.metadataGroup}>
<div className={styles.metadataGroupItem}>
<Icon color="muted" icon="track" size="sm" />
<Text isMuted size="sm">
<Icon color="muted" icon="track" size="xs" />
<Text isMuted size="xs">
{item.songCount || 0}
</Text>
</div>
<div className={styles.metadataGroupItem}>
<Icon color="muted" icon="duration" size="sm" />
<Text isMuted size="sm">
<Icon color="muted" icon="duration" size="xs" />
<Text isMuted size="xs">
{formatDurationStringShort(item.duration ?? 0)}
</Text>
</div>