charleslemaux/servii-frontend
1
0
Fork 0
mirror of https://github.com/hubHarmony/servii-frontend.git synced 2024-11-17 21:40:30 +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);
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>
)}

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

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

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

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

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

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