aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/GameEntry.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/GameEntry.tsx')
-rw-r--r--frontend/src/components/GameEntry.tsx6
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} />