Fixed settings page and modals

This commit is contained in:
MaxOvs19
2023-04-03 14:37:27 +03:00
parent 9bab7d17cd
commit 8bd7bb7535
3 changed files with 75 additions and 10 deletions

View File

@ -2,7 +2,7 @@
background: #f1f1f1;
height: 100%;
min-height: 100vh;
font-family: 'LabGrotesque', sans-serif;
font-family: "LabGrotesque", sans-serif;
.infoPersonal__title {
color: #000000;
@ -92,6 +92,19 @@
}
}
@media (max-width: 1200px) {
&__input {
width: 100%;
}
&__buttons {
&-cancel,
&-save {
width: 120px;
}
}
}
@media (max-width: 570px) {
&__input {
width: 95%;
@ -191,15 +204,54 @@
@media (max-width: 1200px) {
margin-bottom: 15px;
&__logo {
flex-direction: column;
align-items: flex-start;
}
&__body {
margin-bottom: 100px;
}
&__report,
&__login {
width: 45%;
height: auto;
}
&__label {
&-second,
&-first {
flex-direction: row;
}
}
}
@media (max-width: 950px) {
&__body {
flex-direction: column;
margin-bottom: 20px;
align-items: center;
}
&__report,
&__login {
width: 60%;
}
&__report {
margin-top: 50px;
margin-top: 55px;
margin-bottom: 55px;
}
}
@media (max-width: 570px) {
&__body {
flex-direction: column;
margin-bottom: 20px;
align-items: center;
}
&__report,
&__login {
width: 100%;
@ -207,6 +259,10 @@
padding: 20px 30px;
}
&__report {
margin-top: 55px;
}
&__logo {
flex-direction: column;
align-items: flex-start;
@ -218,6 +274,7 @@
flex-direction: row;
}
}
.checkbox {
&__second {
margin: 0px 0 0 20px;