klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-07-13 13:29:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

rework login page CSS

Browse Source
This commit is contained in:
Julien Constant
2023-03-12 04:30:37 +01:00
parent 63b898be35
commit e324f32fde
2 changed files with 130 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
core/static/user/login.scss Normal file
View File

@ -0,0 +1,78 @@
html,
body {
box-sizing: border-box;
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
#page {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#quick_notif,
#info_boxes,
#page > nav {
display: none !important;
}
#content {
display: flex;
flex-direction: column;
padding: 10px !important;
box-shadow: none !important;
background-color: white !important;
margin: 0;
> div,
> form {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
max-width: 500px;
> div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
> label {
width: 100%;
@media (min-width: 500px) {
width: 300px;
}
}
}
> input,
> div > input {
box-sizing: border-box;
width: 100%;
max-width: 500px;
@media (min-width: 500px) {
max-width: 300px;
}
}
> .danger,
> div > error {
color: red;
text-align: center;
}
}
}