From f7cb5e9597b4688c5197bc4ced0178222a867a70 Mon Sep 17 00:00:00 2001
From: Override-6 <maximebatista18@gmail.com>
Date: Thu, 9 Feb 2023 16:56:54 +0100
Subject: [PATCH] fixed centered root

---
 public/index.html |  4 ++--
 src/main/Main.js  | 38 +++++++++++++++++++-------------------
 2 files changed, 21 insertions(+), 21 deletions(-)
diff --git a/public/index.html b/public/index.html
index aa069f2..be522ba 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,9 +26,9 @@
     -->
     <title>React App</title>
   </head>
-  <body>
+  <body style="display: block">
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
+    <div id="root" style="width: 100%; height: 100%"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/main/Main.js b/src/main/Main.js
index 9613d94..8686125 100644
--- a/src/main/Main.js
+++ b/src/main/Main.js
@@ -5,7 +5,7 @@ export function MainPage() {
     return (<>
         <header>
             <div className="header-left">
-                <img src="../img/logo2.png" alt="logo"/>
+                <img src={require("../img/logo2.png")}/>
             </div>
             <div className="header-center">
                 <h2>Bienvenue, Prénom Nom</h2>
@@ -20,29 +20,29 @@ export function MainPage() {
             </div>
             <div id="teams-list">
                 {/*afficher la liste des équipes*/}
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 1</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 1</p>
                 </div>
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 2</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 2</p>
                 </div>
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 3</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 3</p>
                 </div>
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 3</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 3</p>
                 </div>
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 3</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 3</p>
                 </div>
-                <div class="team-item">
-                    <img src="../img/logo2.png"/>
-                    <p class="team-name">Equipe 3</p>
+                <div className="team-item">
+                    <img src={require("../img/logo2.png")}/>
+                    <p className="team-name">Equipe 3</p>
                 </div>
             </div>
         </div>
