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

Fix the issue with Chakra menus

Browse source
This commit is contained in:
Mosh Hamedani 2023-03-03 09:44:02 -08:00
parent e54cdbab3e
commit c64514a5a6
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/App.tsx
View file

@ -1,4 +1,4 @@
import { Grid, GridItem, HStack, Show } from "@chakra-ui/react"; import { Box, Flex, Grid, GridItem, HStack, Show } from "@chakra-ui/react";
import { useState } from "react"; import { useState } from "react";
import GameGrid from "./components/GameGrid"; import GameGrid from "./components/GameGrid";
import GenreList from "./components/GenreList"; import GenreList from "./components/GenreList";
@ -38,10 +38,12 @@ function App() {
</GridItem> </GridItem>
</Show> </Show>
<GridItem area="main"> <GridItem area="main">
<HStack spacing={5} paddingLeft={2} marginBottom={5}> <Flex paddingLeft={2} marginBottom={5}>
<Box marginRight={5}>
<PlatformSelector selectedPlatform={gameQuery.platform} onSelectPlatform={(platform) => setGameQuery({ ...gameQuery, platform}) } /> <PlatformSelector selectedPlatform={gameQuery.platform} onSelectPlatform={(platform) => setGameQuery({ ...gameQuery, platform}) } />
</Box>
<SortSelector sortOrder={gameQuery.sortOrder} onSelectSortOrder={(sortOrder) => setGameQuery({ ...gameQuery, sortOrder })} /> <SortSelector sortOrder={gameQuery.sortOrder} onSelectSortOrder={(sortOrder) => setGameQuery({ ...gameQuery, sortOrder })} />
</HStack> </Flex>
<GameGrid gameQuery={gameQuery} /> <GameGrid gameQuery={gameQuery} />
</GridItem> </GridItem>
</Grid> </Grid>