zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Front: Responsive Home Page: Fix items dimensions

Browse Source
This commit is contained in:
Arthur Jamet
2023-03-18 14:30:26 +00:00
committed by Clément Le Bihan
parent 8a332ede38
commit d5b15cee13
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front/views/HomeView.tsx
View File

@@ -43,11 +43,11 @@ const HomeView = () => {
</Box>
</Stack>
</Flex>
<Stack direction={{ base: 'column', lg: 'row' }} height="100%" space={5}>
<Stack direction={{ base: 'column', lg: 'row' }} height="100%" space={5} paddingTop={5}>
<VStack flex={{ lg: 2 }} space={5}>
<SongCardGrid
heading={<Translate translationKey='goNextStep'/>}
itemDimension={screenSize == 'small' ? 200 : 170}
itemDimension={screenSize == 'small' ? 200 : 120}
songs={nextStepQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
.map((song) => ({
albumCover: song.cover,
@@ -67,7 +67,7 @@ const HomeView = () => {
<Box flex={{ md: 1 }}>
<SongCardGrid
heading={<Translate translationKey='recentlyPlayed'/>}
itemDimension={screenSize == 'small' ? 200 : 170}
itemDimension={screenSize == 'small' ? 200 : 120}
songs={playHistoryQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
.map((song) => ({
albumCover: song.cover,
@@ -94,7 +94,7 @@ const HomeView = () => {
</HStack>
<Box style={{ width: '100%' }}>
<SongCardGrid
itemDimension={screenSize == 'small' ? 200 : 170}
itemDimension={screenSize == 'small' ? 200 : 120}
heading={<Translate translationKey='lastSearched'/>}
songs={searchHistoryQuery.data?.filter((song) => artistsQueries.find((artistQuery) => artistQuery.data?.id === song.artistId))
.map((song) => ({