fixed titles and artists too long that breaked the layout, reduced the spacing of SongCardGrid and use itemDimesnion instead of NbElementsPerRow to see better on mobile

2023-02-22 23:19:48 +01:00
parent ba87662b73
commit 966c57db78
2 changed files with 4 additions and 4 deletions
@@ -13,11 +13,11 @@ const SongCardGrid = (props: SongCardGrid) => {
 	return <VStack>
 		<Heading>{props.heading}</Heading>
 		<FlatGrid
-			maxItemsPerRow={props.maxItemPerRow ?? 5}
+			itemDimension={250}
 			additionalRowStyle={{ justifyContent: 'space-between' }}
 			data={props.songs}
 			renderItem={({ item }) => <SongCard {...item} /> }
-			spacing={20}
+			spacing={10}
 		/>
 	</VStack>
 }