fix style et autres jsplu mais gg wp

This commit is contained in:
AntoninoP 2024-07-09 22:20:18 +02:00
parent 4829bdb66a
commit 92981c2058
4 changed files with 16 additions and 8 deletions

View File

@ -59,10 +59,10 @@ const ServerCard = ({ status, version, name, framework, onRunClick, onStopClick,
<div className="tooltip"></div> <div className="tooltip"></div>
</div> </div>
<div className={styles.buttonContainer}> <div className={styles.buttonContainer}>
{!status && ( {status === "false" && (
<button className={styles.stoppedButton} onClick={handleRun}> Démarrer</button> <button className={styles.stoppedButton} onClick={handleRun}> Démarrer</button>
)} )}
{status && ( {status === true && (
<button className={styles.runningButton} onClick={handleStop}> Arrêter</button> <button className={styles.runningButton} onClick={handleStop}> Arrêter</button>
)} )}
</div> </div>

View File

@ -1,7 +1,6 @@
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif; font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif;
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
} }

View File

@ -45,7 +45,7 @@ const ServerDetails = ({ user }) => {
<Navbar user={user} /> <Navbar user={user} />
<div className={styles.error}> <div className={styles.error}>
<h1>{error}</h1> <h1>{error}</h1>
<button onClick={() => navigate('/dashboard')}>Back to Dashboard</button> <button onClick={() => navigate('/dashboard')}>Retour au Dashboard</button>
</div> </div>
</div> </div>
); );
@ -56,6 +56,7 @@ const ServerDetails = ({ user }) => {
<Navbar user={user} /> <Navbar user={user} />
<div className={styles.details}> <div className={styles.details}>
<h1>{server.name}</h1> <h1>{server.name}</h1>
<h1>{server.difficulty}</h1>
</div> </div>
</div> </div>
); );

View File

@ -1,7 +1,15 @@
.details{ html, body {
margin: 0;
padding: 0;
color: white; color: white;
} }
.serverDetailsContainer{ .serverDetailsContainer {
margin-top: 10rem; padding-top: var(--navbar-height);
} background-color: var(--main-bg-color);
display: flex;
flex-direction: column;
align-items: center;
color: var(--text-color);
}