fix style card

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,11 +95,13 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
               <option value="1.21">1.21</option>
               <option value="1.20.6">1.20.6</option>
             </select>
+            <div>
               <button className={styles.btnServCreate} onClick={handleCreateServer}>
                 Créer
               </button>
             </div>
           </div>
+        </div>
       )}
     </>
   );

src/components/CreateServer/CreateServer.module.scss

@@ -1,11 +1,11 @@
-.container{
+.container {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
 }
 
-.mainCard{
+.mainCard, .mainCardSubdomain {
   display: flex;
   justify-content: start;
   align-items: start;
@@ -13,6 +13,8 @@
   width: 75rem;
   background-color: #1D1836;
   border-radius: 1.5rem;
+  padding: 4rem;
+  margin-top: 5rem;
 }
 
 .title {
@@ -20,17 +22,17 @@
   color: #F2F2F2;
   font-weight: 700;
   margin-bottom: 1.5rem;
-  }
+}
 
-  .subtitle {
+.subtitle {
   font-size: 1.2rem;
   color: #AAA6C3;
   font-weight: 300;
   text-align: center;
   margin-bottom: 2rem;
-  }
+}
 
-  .input, .select {
+.input, .select {
   width: 100%;
   padding: 1rem;
   margin-top: 1rem;
@@ -39,9 +41,9 @@
   border-radius: 0.5rem;
   color: white;
   font-size: 1rem;
-  }
+}
 
-  .btnSubCreate, .btnServCreate {
+.btnSubCreate, .btnServCreate {
   margin-top: 2rem;
   padding: 1rem 2rem;
   background-color: #090325;
@@ -51,10 +53,10 @@
   cursor: pointer;
   font-size: 1rem;
   transition: background-color 0.3s, transform 0.3s;
-  }
+  margin-right: 1rem;
+}
 
-  .btnSubCreate:hover, .btnServCreate:hover {
+.btnSubCreate:hover, .btnServCreate:hover {
   background-color: #120a8f;
   transform: scale(1.05);
-  }
-  
+}

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);
 }
 

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;
 }