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>
<Image src={getCroppedImageUrl(game.background_image)} />
<CardBody>
<Heading fontSize='2xl'>{game.name}</Heading>
<HStack justifyContent='space-between'>
<HStack justifyContent='space-between' marginBottom={3}>
<PlatformIconList platforms={game.parent_platforms.map(p => p.platform)} />
<CriticScore score={game.metacritic} />
</HStack>
<Heading fontSize='2xl'>{game.name}</Heading>
</CardBody>
</Card>
)

4
src/components/GameGrid.tsx
View file

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