text clipping?

2026-01-06 11:00:09 -06:00 · 2024-12-29 08:16:43 -06:00
parent b23f014489
commit 8cbc3c5a43
1 changed files with 8 additions and 1 deletions
--- a/components/Home/helpers/recently-played.tsx
+++ b/components/Home/helpers/recently-played.tsx
@@ -29,7 +29,14 @@ export default function RecentlyPlayed(): React.JSX.Element {
                        <Card
                            caption={
                                <>
-                                    <H5>{`${recentlyPlayedTrack.Name}`}</H5>
+                                    <H5 
+                                        numberOfLines={1}
+                                        textBreakStrategy="simple"
+                                        lineBreakStrategyIOS="standard"
+                                        width={150}
+                                    >
+                                        {`${recentlyPlayedTrack.Name}`}
+                                    </H5>
                                    <Text>{`${recentlyPlayedTrack.Artists?.join(", ")}`}</Text>
                                </>
                            }