charleslemaux/servii-frontend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-frontend.git synced 2024-11-18 05:40:31 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix style card

Browse Source
This commit is contained in:
AntoninoP 2024-07-08 16:42:00 +02:00
parent dca9da9aa4
commit f0b3fc7137
4 changed files with 63 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/CreateServer/CreateServer.jsx
View File

@ -15,7 +15,6 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
const userSubdomain = await getUserSubdomain(user.uid); const userSubdomain = await getUserSubdomain(user.uid);
setSubdomain(userSubdomain || ''); setSubdomain(userSubdomain || '');
onSubdomainUpdate(userSubdomain || ''); onSubdomainUpdate(userSubdomain || '');
console.log('Subdomain:', userSubdomain);
} else { } else {
console.error('User or user.uid is undefined'); 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.21">1.21</option>
<option value="1.20.6">1.20.6</option> <option value="1.20.6">1.20.6</option>
</select> </select>
<button className={styles.btnServCreate} onClick={handleCreateServer}> <div>
Créer <button className={styles.btnServCreate} onClick={handleCreateServer}>
</button> Créer
</button>
</div>
</div> </div>
</div> </div>
)} )}

112
src/components/CreateServer/CreateServer.module.scss
View File

@ -1,60 +1,62 @@
.container{ .container {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%; width: 100%;
} }
.mainCard{ .mainCard, .mainCardSubdomain {
display: flex; display: flex;
justify-content: start; justify-content: start;
align-items: start; align-items: start;
flex-direction: column; flex-direction: column;
width: 75rem; width: 75rem;
background-color: #1D1836; background-color: #1D1836;
border-radius: 1.5rem; border-radius: 1.5rem;
padding: 4rem;
margin-top: 5rem;
} }
.title { .title {
font-size: 2.5rem; font-size: 2.5rem;
color: #F2F2F2; color: #F2F2F2;
font-weight: 700; font-weight: 700;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.subtitle { .subtitle {
font-size: 1.2rem; font-size: 1.2rem;
color: #AAA6C3; color: #AAA6C3;
font-weight: 300; font-weight: 300;
text-align: center; text-align: center;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.input, .select { .input, .select {
width: 100%; width: 100%;
padding: 1rem; padding: 1rem;
margin-top: 1rem; margin-top: 1rem;
background-color: #090325; background-color: #090325;
border: none; border: none;
border-radius: 0.5rem; border-radius: 0.5rem;
color: white; color: white;
font-size: 1rem; font-size: 1rem;
} }
.btnSubCreate, .btnServCreate { .btnSubCreate, .btnServCreate {
margin-top: 2rem; margin-top: 2rem;
padding: 1rem 2rem; padding: 1rem 2rem;
background-color: #090325; background-color: #090325;
color: white; color: white;
border: none; border: none;
border-radius: 0.5rem; border-radius: 0.5rem;
cursor: pointer; cursor: pointer;
font-size: 1rem; font-size: 1rem;
transition: background-color 0.3s, transform 0.3s; transition: background-color 0.3s, transform 0.3s;
} margin-right: 1rem;
}
.btnSubCreate:hover, .btnServCreate:hover {
background-color: #120a8f; .btnSubCreate:hover, .btnServCreate:hover {
transform: scale(1.05); background-color: #120a8f;
} transform: scale(1.05);
}

2
src/pages/DashboardPage/DashboardPage.module.scss
View File

@ -2,7 +2,7 @@ html, body {
margin: 0; margin: 0;
padding: 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); background-color: var(--main-bg-color);
} }

1
src/pages/NoServer/NoServer.module.scss
View File

@ -11,7 +11,6 @@
align-items: start; align-items: start;
flex-direction: column; flex-direction: column;
width: 75rem; width: 75rem;
padding: 4rem 5rem 3rem 5rem;
background-color: #1D1836; background-color: #1D1836;
border-radius: 1.5rem; border-radius: 1.5rem;
} }