From 207a2540101b2f216bde94ae53286d2e52f044e3 Mon Sep 17 00:00:00 2001
From: Wolfboy248 <georgejvindkarlsen@gmail.com>
Date: Mon, 25 Nov 2024 09:20:01 +0100
Subject: frontend: begin port to css modules, sidebar refactor

---
 frontend/src/pages/About.tsx   | 4 ++--
 frontend/src/pages/Games.tsx   | 4 ++--
 frontend/src/pages/Profile.tsx | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'frontend/src/pages')

diff --git a/frontend/src/pages/About.tsx b/frontend/src/pages/About.tsx
index ded3461..fe2e25a 100644
--- a/frontend/src/pages/About.tsx
+++ b/frontend/src/pages/About.tsx
@@ -27,9 +27,9 @@ const About: React.FC = () => {
 
 
     return (
-        <div id="about">
+        <main>
             <ReactMarkdown>{aboutText}</ReactMarkdown>
-        </div>
+        </main>
     );
 };
 
diff --git a/frontend/src/pages/Games.tsx b/frontend/src/pages/Games.tsx
index 15105c9..e7e031e 100644
--- a/frontend/src/pages/Games.tsx
+++ b/frontend/src/pages/Games.tsx
@@ -25,7 +25,7 @@ const Games: React.FC<GamesProps> = ({ games }) => {
     }, []);
 
     return (
-        <div className='games-page'>
+        <main>
             <section>
                 <div className='games-page-content'>
                     <div className='games-page-item-content'>
@@ -35,7 +35,7 @@ const Games: React.FC<GamesProps> = ({ games }) => {
                     </div>
                 </div>
             </section>
-        </div>
+        </main>
     );
 };
 
diff --git a/frontend/src/pages/Profile.tsx b/frontend/src/pages/Profile.tsx
index f7134a7..00d8f4e 100644
--- a/frontend/src/pages/Profile.tsx
+++ b/frontend/src/pages/Profile.tsx
@@ -108,7 +108,7 @@ const Profile: React.FC<ProfileProps> = ({ profile, token, gameData, onDeleteRec
   };
 
   return (
-    <div>
+    <div style={{position: "absolute", width: "calc(100% - 50px)", left: "350px"}}>
       {MessageDialogComponent}
       {MessageDialogLoadComponent}
       {ConfirmDialogComponent}
-- 
cgit v1.2.3