доделал формы
This commit is contained in:
@@ -548,6 +548,8 @@ button{
|
|||||||
outline: 1px solid var(--text-black);
|
outline: 1px solid var(--text-black);
|
||||||
}
|
}
|
||||||
.form-input-phone__icon{
|
.form-input-phone__icon{
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 28px;
|
width: 28px;
|
||||||
|
|
||||||
@@ -570,6 +572,8 @@ button{
|
|||||||
background-image: url(../img/svg/main/triangle-grey.svg);
|
background-image: url(../img/svg/main/triangle-grey.svg);
|
||||||
}
|
}
|
||||||
.form-input-phone__code{
|
.form-input-phone__code{
|
||||||
|
flex-shrink: 0;
|
||||||
|
|
||||||
font-family: var(--font-family);
|
font-family: var(--font-family);
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|||||||
@@ -189,6 +189,15 @@
|
|||||||
.modal__aside{
|
.modal__aside{
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
.form-input-radio__title span{
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
color: var(--text-grey);
|
||||||
|
}
|
||||||
|
.modal-form__title{
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
/* modal */
|
/* modal */
|
||||||
|
|
||||||
/* detail */
|
/* detail */
|
||||||
|
|||||||
@@ -102,9 +102,34 @@ main{
|
|||||||
/* product */
|
/* product */
|
||||||
|
|
||||||
/* modal */
|
/* modal */
|
||||||
|
.modal{
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
.modal__text{
|
.modal__text{
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
.modal-form{
|
||||||
|
min-height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.form-input-phone__list{
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-form-content__line--two{
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.modal-form-content__line--two .modal-form-content-line__element{
|
||||||
|
margin-top: 24px;
|
||||||
|
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.modal-form-content__line--two .modal-form-content-line__element:first-child{
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
/* modal */
|
/* modal */
|
||||||
|
|
||||||
/* cabinet */
|
/* cabinet */
|
||||||
|
|||||||
@@ -393,28 +393,28 @@
|
|||||||
<div class="form-input-radio-circle__content"></div>
|
<div class="form-input-radio-circle__content"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="form-input-radio__title">Малыш (от 0 до 1 года)</p>
|
<p class="form-input-radio__title">Малыш <span>(от 0 до 1 года)</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-input-radio__item">
|
<div class="form-input-radio__item">
|
||||||
<div class="form-input-radio__circle">
|
<div class="form-input-radio__circle">
|
||||||
<div class="form-input-radio-circle__content"></div>
|
<div class="form-input-radio-circle__content"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="form-input-radio__title">Взрослый (от 1 года до 7 лет)</p>
|
<p class="form-input-radio__title">Взрослый <span>(от 1 года до 7 лет)</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-input-radio__item">
|
<div class="form-input-radio__item">
|
||||||
<div class="form-input-radio__circle">
|
<div class="form-input-radio__circle">
|
||||||
<div class="form-input-radio-circle__content"></div>
|
<div class="form-input-radio-circle__content"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="form-input-radio__title">Пожилой (от 7 до 12 лет)</p>
|
<p class="form-input-radio__title">Пожилой <span>(от 7 до 12 лет)</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="form-input-radio__item">
|
<div class="form-input-radio__item">
|
||||||
<div class="form-input-radio__circle">
|
<div class="form-input-radio__circle">
|
||||||
<div class="form-input-radio-circle__content"></div>
|
<div class="form-input-radio-circle__content"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="form-input-radio__title">Стареющий (от 12 лет и старше)</p>
|
<p class="form-input-radio__title">Стареющий <span>(от 12 лет и старше)</span></p>
|
||||||
</div>
|
</div>
|
||||||
<input type="text" class="form-input-radio__input">
|
<input type="text" class="form-input-radio__input">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user