From b6aa43a809a8c565e0caec556e6af8a3de8f692f Mon Sep 17 00:00:00 2001 From: roormonger <34205054+roormonger@users.noreply.github.com> Date: Thu, 26 Mar 2026 07:36:12 -0400 Subject: [PATCH] converted px to rem on home page --- src/App.tsx | 2 +- src/components/FeaturedHero.tsx | 20 ++++++++++---------- src/components/GameCard.tsx | 6 +++--- src/components/Sidebar.tsx | 14 +++++++------- src/components/TopNav.tsx | 16 ++++++++-------- 5 files changed, 29 insertions(+), 29 deletions(-) diff --git a/src/App.tsx b/src/App.tsx index 2d84917..a3f739e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -21,7 +21,7 @@ const MainLayout = () => {
-
+
diff --git a/src/components/FeaturedHero.tsx b/src/components/FeaturedHero.tsx index 81c50f3..9359a41 100644 --- a/src/components/FeaturedHero.tsx +++ b/src/components/FeaturedHero.tsx @@ -5,7 +5,7 @@ import { Game } from '../api/client'; const FocusablePoster = ({ coverUrl }: { coverUrl: string }) => { const { ref, focused } = useFocusableAutoScroll(); return ( -
+
Hero Poster
); @@ -26,7 +26,7 @@ const FocusableThumb = ({ g, isActive, onClick }: { g: Game, isActive: boolean,
@@ -50,7 +50,7 @@ export const FeaturedHero = ({ games, isFallback }: { games: Game[], isFallback? if (!games?.length) return null; const game = games[currentIndex]; - const formattedSize = (game.size / (1024 * 1024)).toFixed(2) + " MB"; + const formattedSize = ((Number(game.size) || 0) / (1024 * 1024)).toFixed(2) + " MB"; return (
- + {isFallback ? 'history' : 'star'} - + {isFallback ? 'Recently Added' : 'Featured'}

{game.title} @@ -85,11 +85,11 @@ export const FeaturedHero = ({ games, isFallback }: { games: Game[], isFallback?
- Platform + Platform {game.system}
- Size + Size {formattedSize}
@@ -99,11 +99,11 @@ export const FeaturedHero = ({ games, isFallback }: { games: Game[], isFallback?

- + play_arrow Play Now - + download Download diff --git a/src/components/GameCard.tsx b/src/components/GameCard.tsx index 6c37ec8..4528e89 100644 --- a/src/components/GameCard.tsx +++ b/src/components/GameCard.tsx @@ -11,10 +11,10 @@ export const GameCard = ({ game }: { game: Game }) => { return ( syncToPC(game.id, game.title)} > -
+
{game.title} {

{game.title}

-

{game.system}

+

{game.system}

); diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx index ae009e6..61c1211 100644 --- a/src/components/Sidebar.tsx +++ b/src/components/Sidebar.tsx @@ -50,10 +50,10 @@ export const Sidebar = () => { return ( -