diff options
| author | Wolfboy248 <georgejvindkarlsen@gmail.com> | 2025-08-19 13:23:56 +0200 |
|---|---|---|
| committer | Wolfboy248 <georgejvindkarlsen@gmail.com> | 2025-08-19 13:23:56 +0200 |
| commit | 97be0afd140c7c9e1fd03ba5ab4e486d90907129 (patch) | |
| tree | ab9dcf8ebab077b5fc7ab149c6ce8c13c21caaab /frontend/src/components/GameEntry.tsx | |
| parent | organised pages, started work on theme (diff) | |
| download | lphub-97be0afd140c7c9e1fd03ba5ab4e486d90907129.tar.gz lphub-97be0afd140c7c9e1fd03ba5ab4e486d90907129.tar.bz2 lphub-97be0afd140c7c9e1fd03ba5ab4e486d90907129.zip | |
organised pages, started work on theme
Diffstat (limited to 'frontend/src/components/GameEntry.tsx')
| -rw-r--r-- | frontend/src/components/GameEntry.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/frontend/src/components/GameEntry.tsx b/frontend/src/components/GameEntry.tsx index f8fd179..6f2b194 100644 --- a/frontend/src/components/GameEntry.tsx +++ b/frontend/src/components/GameEntry.tsx | |||
| @@ -18,18 +18,18 @@ const GameEntry: React.FC<GameEntryProps> = ({ game }) => { | |||
| 18 | 18 | ||
| 19 | return ( | 19 | return ( |
| 20 | <Link to={"/games/" + game.id} className="w-full"> | 20 | <Link to={"/games/" + game.id} className="w-full"> |
| 21 | <div className="w-full h-64 bg-mantle rounded-3xl overflow-hidden my-6"> | 21 | <div className="w-full h-64 bg-panel rounded-3xl overflow-hidden my-6"> |
| 22 | <div className="w-full h-1/2 bg-cover overflow-hidden relative"> | 22 | <div className="w-full h-1/2 bg-cover overflow-hidden relative"> |
| 23 | <div | 23 | <div |
| 24 | style={{ backgroundImage: `url(${game.image})` }} | 24 | style={{ backgroundImage: `url(${game.image})` }} |
| 25 | className="w-full h-full backdrop-blur-sm blur-sm bg-cover" | 25 | className="w-full h-full backdrop-blur-sm blur-sm bg-cover" |
| 26 | ></div> | 26 | ></div> |
| 27 | <span className="absolute inset-0 flex justify-center items-center"> | 27 | <span className="absolute inset-0 flex justify-center items-center"> |
| 28 | <b className="text-[56px] font-[--font-barlow-condensed-bold] text-white">{game.name}</b> | 28 | <b className="text-[56px] font-barlow-condensed-bold text-white">{game.name}</b> |
| 29 | </span> | 29 | </span> |
| 30 | </div> | 30 | </div> |
| 31 | <div className="flex justify-center items-center h-1/2"> | 31 | <div className="flex justify-center items-center h-1/2"> |
| 32 | <div className="flex flex-row justify-between w-full"> | 32 | <div className="flex flex-row justify-between w-full gap-3 m-3"> |
| 33 | {catInfo.map((cat, index) => { | 33 | {catInfo.map((cat, index) => { |
| 34 | return ( | 34 | return ( |
| 35 | <GameCategory key={index} cat={cat} game={game} /> | 35 | <GameCategory key={index} cat={cat} game={game} /> |