From f0b3fc7137acf77d463c2a24467514fcf310d294 Mon Sep 17 00:00:00 2001
From: AntoninoP <antoninopiraino70@gmail.com>
Date: Mon, 8 Jul 2024 16:42:00 +0200
Subject: [PATCH] fix style card

---
 src/components/CreateServer/CreateServer.jsx  |   9 +-
 .../CreateServer/CreateServer.module.scss     | 112 +++++++++---------
 .../DashboardPage/DashboardPage.module.scss   |   2 +-
 src/pages/NoServer/NoServer.module.scss       |   1 -
 4 files changed, 63 insertions(+), 61 deletions(-)

diff --git a/src/components/CreateServer/CreateServer.jsx b/src/components/CreateServer/CreateServer.jsx
index e2ac92e..1fd9d71 100644
--- a/src/components/CreateServer/CreateServer.jsx
+++ b/src/components/CreateServer/CreateServer.jsx
@@ -15,7 +15,6 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
         const userSubdomain = await getUserSubdomain(user.uid);
         setSubdomain(userSubdomain || '');
         onSubdomainUpdate(userSubdomain || '');
-        console.log('Subdomain:', userSubdomain);
       } else {
         console.error('User or user.uid is undefined');
       }
@@ -96,9 +95,11 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
               <option value="1.21">1.21</option>
               <option value="1.20.6">1.20.6</option>
             </select>
-            <button className={styles.btnServCreate} onClick={handleCreateServer}>
-              Créer
-            </button>
+            <div>
+              <button className={styles.btnServCreate} onClick={handleCreateServer}>
+                Créer
+              </button>
+            </div>
           </div>
         </div>
       )}
diff --git a/src/components/CreateServer/CreateServer.module.scss b/src/components/CreateServer/CreateServer.module.scss
index 78b3336..d13e2eb 100644
--- a/src/components/CreateServer/CreateServer.module.scss
+++ b/src/components/CreateServer/CreateServer.module.scss
@@ -1,60 +1,62 @@
-.container{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
 }
 
-.mainCard{
-    display: flex;
-    justify-content: start;
-    align-items: start;
-    flex-direction: column;
-    width: 75rem;
-    background-color: #1D1836;
-    border-radius: 1.5rem;
+.mainCard, .mainCardSubdomain {
+  display: flex;
+  justify-content: start;
+  align-items: start;
+  flex-direction: column;
+  width: 75rem;
+  background-color: #1D1836;
+  border-radius: 1.5rem;
+  padding: 4rem;
+  margin-top: 5rem;
 }
 
 .title {
-    font-size: 2.5rem;
-    color: #F2F2F2;
-    font-weight: 700;
-    margin-bottom: 1.5rem;
-  }
-  
-  .subtitle {
-    font-size: 1.2rem;
-    color: #AAA6C3;
-    font-weight: 300;
-    text-align: center;
-    margin-bottom: 2rem;
-  }
-  
-  .input, .select {
-    width: 100%;
-    padding: 1rem;
-    margin-top: 1rem;
-    background-color: #090325;
-    border: none;
-    border-radius: 0.5rem;
-    color: white;
-    font-size: 1rem;
-  }
-  
-  .btnSubCreate, .btnServCreate {
-    margin-top: 2rem;
-    padding: 1rem 2rem;
-    background-color: #090325;
-    color: white;
-    border: none;
-    border-radius: 0.5rem;
-    cursor: pointer;
-    font-size: 1rem;
-    transition: background-color 0.3s, transform 0.3s;
-  }
-  
-  .btnSubCreate:hover, .btnServCreate:hover {
-    background-color: #120a8f;
-    transform: scale(1.05);
-  }
-  
\ No newline at end of file
+  font-size: 2.5rem;
+  color: #F2F2F2;
+  font-weight: 700;
+  margin-bottom: 1.5rem;
+}
+
+.subtitle {
+  font-size: 1.2rem;
+  color: #AAA6C3;
+  font-weight: 300;
+  text-align: center;
+  margin-bottom: 2rem;
+}
+
+.input, .select {
+  width: 100%;
+  padding: 1rem;
+  margin-top: 1rem;
+  background-color: #090325;
+  border: none;
+  border-radius: 0.5rem;
+  color: white;
+  font-size: 1rem;
+}
+
+.btnSubCreate, .btnServCreate {
+  margin-top: 2rem;
+  padding: 1rem 2rem;
+  background-color: #090325;
+  color: white;
+  border: none;
+  border-radius: 0.5rem;
+  cursor: pointer;
+  font-size: 1rem;
+  transition: background-color 0.3s, transform 0.3s;
+  margin-right: 1rem;
+}
+
+.btnSubCreate:hover, .btnServCreate:hover {
+  background-color: #120a8f;
+  transform: scale(1.05);
+}
diff --git a/src/pages/DashboardPage/DashboardPage.module.scss b/src/pages/DashboardPage/DashboardPage.module.scss
index 269d465..9bca5c3 100644
--- a/src/pages/DashboardPage/DashboardPage.module.scss
+++ b/src/pages/DashboardPage/DashboardPage.module.scss
@@ -2,7 +2,7 @@ html, body {
   margin: 0;
   padding: 0;
 
-  font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif;
   background-color: var(--main-bg-color);
 }
 
diff --git a/src/pages/NoServer/NoServer.module.scss b/src/pages/NoServer/NoServer.module.scss
index 0b593a3..220b50d 100644
--- a/src/pages/NoServer/NoServer.module.scss
+++ b/src/pages/NoServer/NoServer.module.scss
@@ -11,7 +11,6 @@
     align-items: start;
     flex-direction: column;
     width: 75rem;
-    padding: 4rem 5rem 3rem 5rem;
     background-color: #1D1836;
     border-radius: 1.5rem;
 }