force single line on feature carousel artist

2026-05-07 04:20:12 +02:00 · 2025-12-28 02:03:20 -08:00
parent f43950874d
commit f21ca83179
2 changed files with 8 additions and 1 deletions
@@ -177,6 +177,7 @@
 }

 .artist {
+    width: 100%;
    color: white;
    text-shadow: 0 0 8px rgb(0 0 0 / 50%);
 }
@@ -131,7 +131,13 @@ const CarouselItem = ({ album }: CarouselItemProps) => {
                    <div className={styles.metadataSection}>
                        <Stack gap="sm">
                            {album.albumArtists?.[0] && (
-                                <Text className={styles.artist} fw={500} size="md">
+                                <Text
+                                    className={styles.artist}
+                                    fw={500}
+                                    lineClamp={1}
+                                    size="md"
+                                    ta="center"
+                                >
                                    {album.albumArtists[0].name}
                                </Text>
                            )}