registraion modal adaptive

This commit is contained in:
Victor Batischev 2024-01-10 18:40:14 +03:00
parent 8d0cb1c831
commit a2270ee6b9
3 changed files with 13 additions and 8 deletions

View File

@ -1,5 +1,5 @@
.modal-layout {
z-index: 9;
z-index: 9999;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.8);

View File

@ -13,7 +13,8 @@
}
@media (max-width: 703px) {
top: 7%;
top: 0;
z-index: 1;
padding: 20px 10px 20px 10px;
}
@ -42,14 +43,17 @@
}
@media (max-width: 703px) {
flex-direction: column;
align-items: center;
font-size: 20px;
}
span {
color: #52b709;
margin: 0 0 0 10px;
margin-left: 10px;
@media (max-width: 703px) {
margin-left: 5px;
}
}
}
@ -67,11 +71,12 @@
@media (max-width: 703px) {
margin: 10px 0 0 0;
line-height: 20px;
}
}
.input-body {
margin: 44px 0 0 0;
margin-top: 44px;
display: flex;
flex-direction: row;
justify-content: space-between;
@ -80,7 +85,7 @@
@media (max-width: 703px) {
flex-direction: column;
align-items: center;
margin: 22px 0 0 0;
margin-top: 10px;
}
&__box {

View File

@ -742,8 +742,8 @@
.exit {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
top: 10px;
right: 10px;
width: 13px;
height: 13px;
display: flex;