fixed centered root
continuous-integration/drone/push Build is failing Details

pull/1/head
Override-6 2 years ago
parent ca8a2b4111
commit f7cb5e9597

@ -26,9 +26,9 @@
--> -->
<title>React App</title> <title>React App</title>
</head> </head>
<body> <body style="display: block">
<noscript>You need to enable JavaScript to run this app.</noscript> <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. This HTML file is a template.
If you open it directly in the browser, you will see an empty page. If you open it directly in the browser, you will see an empty page.

@ -5,7 +5,7 @@ export function MainPage() {
return (<> return (<>
<header> <header>
<div className="header-left"> <div className="header-left">
<img src="../img/logo2.png" alt="logo"/> <img src={require("../img/logo2.png")}/>
</div> </div>
<div className="header-center"> <div className="header-center">
<h2>Bienvenue, Prénom Nom</h2> <h2>Bienvenue, Prénom Nom</h2>
@ -20,29 +20,29 @@ export function MainPage() {
</div> </div>
<div id="teams-list"> <div id="teams-list">
{/*afficher la liste des équipes*/} {/*afficher la liste des équipes*/}
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 1</p> <p className="team-name">Equipe 1</p>
</div> </div>
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 2</p> <p className="team-name">Equipe 2</p>
</div> </div>
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 3</p> <p className="team-name">Equipe 3</p>
</div> </div>
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 3</p> <p className="team-name">Equipe 3</p>
</div> </div>
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 3</p> <p className="team-name">Equipe 3</p>
</div> </div>
<div class="team-item"> <div className="team-item">
<img src="../img/logo2.png"/> <img src={require("../img/logo2.png")}/>
<p class="team-name">Equipe 3</p> <p className="team-name">Equipe 3</p>
</div> </div>
</div> </div>
</div> </div>