собрал две формы

This commit is contained in:
Kirill Pet
2024-10-25 05:18:05 +03:00
parent 7ca7790b8f
commit 148d2c12cb
4 changed files with 798 additions and 10 deletions

View File

@@ -488,7 +488,6 @@ button{
display: block;
}
.form-input__error{
margin-top: 4px;
@@ -500,11 +499,15 @@ button{
color: #f60909;
display: none;
position: relative;
}
.form-input__error--absolute{
position: absolute;
top: 50px;
bottom: -19.95px;
left: 0;
width: 100%;
}
.modal-form__content.check .form__input:invalid{
border-color: #f60909;
@@ -515,6 +518,19 @@ button{
.modal-form__content.check .form-input-phone__input:invalid + .form-input__error{
display: block;
}
.modal-form__content.check .form-input-phone__input:invalid + .form-input__error--absolute::before{
content: '';
position: absolute;
top: -53px;
left: -1px;
width: 100%;
height: 48px;
border-radius: 20px;
border: 1px solid #f60909;
}
.form-input__phone{
padding: 12px 16px 12px ;
@@ -820,6 +836,8 @@ button{
overflow: hidden;
transition: height .2s ease-out;
z-index: 10;
}
.form-input-list__block-content.active{
border: 1px solid var(--background-black);
@@ -1360,9 +1378,11 @@ button{
transition: opacity .2s ease-out;
pointer-events: none;
display: flex;
/* display: flex;
justify-content: center;
align-items: center;
align-items: center; */
overflow-y: auto;
}
.modal.active{
opacity: 1;
@@ -1631,6 +1651,8 @@ button{
}
.modal-form{
margin: auto;
width: 600px;
padding: 24px;
@@ -1739,12 +1761,25 @@ button{
display: flex;
justify-content: space-between;
}
.modal-form-content-line__element{
position: relative;
}
.modal-form-content__line--two .modal-form-content-line__element{
width: calc(50% - 12px);
}
.modal-form__buttons{
margin-top: 32px;
}
.modal-form__buttons--two{
display: flex;
justify-content: space-between;
align-items: center;
}
.modal-form__buttons--two button,
.modal-form__buttons--two input{
width: calc(50% - 20px);
}
/* modal */
/* toggle */