diff options
Diffstat (limited to 'frontend/src/components/GameEntry.tsx')
| -rw-r--r-- | frontend/src/components/GameEntry.tsx | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/frontend/src/components/GameEntry.tsx b/frontend/src/components/GameEntry.tsx index 3bd2842..ebba419 100644 --- a/frontend/src/components/GameEntry.tsx +++ b/frontend/src/components/GameEntry.tsx | |||
| @@ -3,6 +3,7 @@ import { Link } from "react-router-dom"; | |||
| 3 | 3 | ||
| 4 | import { Game, GameCategoryPortals } from '@customTypes/Game'; | 4 | import { Game, GameCategoryPortals } from '@customTypes/Game'; |
| 5 | import "@css/Games.css" | 5 | import "@css/Games.css" |
| 6 | import games from "@css/Games.module.css"; | ||
| 6 | 7 | ||
| 7 | import GameCategory from '@components/GameCategory'; | 8 | import GameCategory from '@components/GameCategory'; |
| 8 | 9 | ||
| @@ -18,12 +19,12 @@ const GameEntry: React.FC<GameEntryProps> = ({ game }) => { | |||
| 18 | }, [game.category_portals]); | 19 | }, [game.category_portals]); |
| 19 | 20 | ||
| 20 | return ( | 21 | return ( |
| 21 | <Link to={"/games/" + game.id}><div className='games-page-item'> | 22 | <Link to={"/games/" + game.id}><div className={games.game}> |
| 22 | <div className='games-page-item-header'> | 23 | <div className={games.header}> |
| 23 | <div style={{ backgroundImage: `url(${game.image})` }} className='games-page-item-header-img'></div> | 24 | <div style={{ backgroundImage: `url(${game.image})` }}></div> |
| 24 | <span><b>{game.name}</b></span> | 25 | <span><b>{game.name}</b></span> |
| 25 | </div> | 26 | </div> |
| 26 | <div id={game.id as any as string} className='games-page-item-body'> | 27 | <div id={game.id as any as string} className={games.infoBlockContainer}> |
| 27 | {catInfo.map((cat, index) => { | 28 | {catInfo.map((cat, index) => { |
| 28 | return <GameCategory cat={cat} game={game} key={index}></GameCategory> | 29 | return <GameCategory cat={cat} game={game} key={index}></GameCategory> |
| 29 | })} | 30 | })} |