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 css

Browse Source
This commit is contained in:
AntoninoP 2024-07-18 13:52:42 +02:00
parent 810d190f31
commit 607a7d04cb
1 changed files with 100 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/ServerDetails/ServerDetails.module.scss
View File

@ -1,4 +1,3 @@
/* ServerDetails.module.scss */
.serverDetailsContainer { .serverDetailsContainer {
padding-top: var(--navbar-height); padding-top: var(--navbar-height);
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
@ -6,16 +5,20 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
color: var(--text-color); color: var(--text-color);
width: 100%;
box-sizing: border-box;
} }
.details { .details {
margin-top: 5rem; margin-top: 5rem;
padding: 3rem; padding: 3rem;
padding-top: 0rem; padding-top: 0;
background-color: var(--card-bg-color); background-color: var(--card-bg-color);
width: 60rem; width: 100%;
max-width: 60rem;
border-radius: 1rem; border-radius: 1rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
} }
.formGroup { .formGroup {
@ -32,7 +35,7 @@
.formGroup input, .formGroup input,
.formGroup select { .formGroup select {
width: calc(100% - 2px); width: 100%;
padding: 1.2rem; padding: 1.2rem;
height: 3.5rem; height: 3.5rem;
background-color: var(--input-bg-color); background-color: var(--input-bg-color);
@ -43,29 +46,25 @@
box-sizing: border-box; box-sizing: border-box;
} }
.saveButton { .saveButton,
.quitButton {
padding: 1.2rem 2.5rem; padding: 1.2rem 2.5rem;
background-color: var(--button-bg-color);
color: var(--button-text-color); color: var(--button-text-color);
border: none; border: none;
border-radius: 0.5rem; border-radius: 0.5rem;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; transition: background-color 0.3s;
font-size: 1.2rem; font-size: 1.2rem;
align-self: flex-start; margin-top: 1rem;
}
.saveButton {
background-color: var(--button-bg-color);
} }
.quitButton { .quitButton {
padding: 1.2rem 2.5rem;
background-color: gray; background-color: gray;
color: var(--button-text-color); margin-left: 1rem;
border: none;
border-radius: 0.5rem;
cursor: pointer;
transition: background-color 0.3s;
font-size: 1.2rem;
align-self: flex-start;
margin-left: 3rem;
} }
.saveButton:hover { .saveButton:hover {
@ -81,3 +80,28 @@
font-size: 2.5rem; font-size: 2.5rem;
margin-bottom: 3rem; margin-bottom: 3rem;
} }
@media (max-width: 768px) {
.details {
width: 90%;
padding: 2rem;
}
.formGroup input,
.formGroup select {
height: 3rem;
font-size: 1rem;
padding: 1rem;
}
.saveButton,
.quitButton {
padding: 1rem 2rem;
font-size: 1rem;
}
.details h1 {
font-size: 2rem;
margin-bottom: 2rem;
}
}