fix ItemCard skeleton sizing to match original

This commit is contained in:
jeffvli
2026-01-15 22:14:34 -08:00
parent 1a3fbe0a7a
commit b6a670689c
@@ -420,14 +420,15 @@ const CompactItemCard = ({
row !== null && row !== undefined, row !== null && row !== undefined,
) )
.map((row, index) => ( .map((row, index) => (
<div <Text
className={clsx(styles.row, { className={clsx(styles.row, {
[styles.muted]: index > 0, [styles.muted]: index > 0,
})} })}
key={row.id} key={row.id}
size={index > 0 ? 'sm' : 'md'}
> >
&nbsp; &nbsp;
</div> </Text>
))} ))}
</div> </div>
</div> </div>
@@ -636,14 +637,15 @@ const DefaultItemCard = ({
(row): row is NonNullable<typeof row> => row !== null && row !== undefined, (row): row is NonNullable<typeof row> => row !== null && row !== undefined,
) )
.map((row, index) => ( .map((row, index) => (
<div <Text
className={clsx(styles.row, { className={clsx(styles.row, {
[styles.muted]: index > 0, [styles.muted]: index > 0,
})} })}
key={row.id} key={row.id}
size={index > 0 ? 'sm' : 'md'}
> >
&nbsp; &nbsp;
</div> </Text>
))} ))}
</div> </div>
</div> </div>
@@ -922,14 +924,15 @@ const PosterItemCard = ({
(row): row is NonNullable<typeof row> => row !== null && row !== undefined, (row): row is NonNullable<typeof row> => row !== null && row !== undefined,
) )
.map((row, index) => ( .map((row, index) => (
<div <Text
className={clsx(styles.row, { className={clsx(styles.row, {
[styles.muted]: index > 0, [styles.muted]: index > 0,
})} })}
key={row.id} key={row.id}
size={index > 0 ? 'sm' : 'md'}
> >
&nbsp; &nbsp;
</div> </Text>
))} ))}
</div> </div>
</div> </div>