nicolabs/mosh-game-hub
1
0
Fork 0
mirror of https://github.com/mosh-hamedani/game-hub.git synced 2026-05-21 12:14:32 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean up the game cards

Browse source
This commit is contained in:
Mosh Hamedani 2023-03-06 08:10:03 -08:00
parent 72600a45a6
commit 0dbda793db
2 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/GameCard.tsx
View file

@ -14,11 +14,11 @@ const GameCard = ({ game }: Props) => {
<Card> <Card>
<Image src={getCroppedImageUrl(game.background_image)} /> <Image src={getCroppedImageUrl(game.background_image)} />
<CardBody> <CardBody>
<Heading fontSize='2xl'>{game.name}</Heading> <HStack justifyContent='space-between' marginBottom={3}>
<HStack justifyContent='space-between'>
<PlatformIconList platforms={game.parent_platforms.map(p => p.platform)} /> <PlatformIconList platforms={game.parent_platforms.map(p => p.platform)} />
<CriticScore score={game.metacritic} /> <CriticScore score={game.metacritic} />
</HStack> </HStack>
<Heading fontSize='2xl'>{game.name}</Heading>
</CardBody> </CardBody>
</Card> </Card>
) )

4
src/components/GameGrid.tsx
View file

@ -18,9 +18,9 @@ const GameGrid = ({ gameQuery }: Props) => {
<> <>
{error && <Text>{error}</Text>} {error && <Text>{error}</Text>}
<SimpleGrid <SimpleGrid
columns={{ sm: 1, md: 2, lg: 3, xl: 5 }} columns={{ sm: 1, md: 2, lg: 3, xl: 4 }}
padding="10px" padding="10px"
spacing={3} spacing={6}
> >
{isLoading && {isLoading &&
skeletons.map((skeleton) => ( skeletons.map((skeleton) => (