Compare commits
2 Commits
0911744f6f
...
e6bccc904f
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e6bccc904f | ||
|
|
003bff1fbb |
@@ -1132,6 +1132,7 @@ button{
|
|||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
transition: opacity .2s ease-out;
|
transition: opacity .2s ease-out;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
.to-know:hover{
|
.to-know:hover{
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
@@ -1382,9 +1383,9 @@ button{
|
|||||||
transition: opacity .2s ease-out;
|
transition: opacity .2s ease-out;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
/* display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center; */
|
align-items: center;
|
||||||
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
@@ -1392,6 +1393,10 @@ button{
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
}
|
}
|
||||||
|
.modal__notification{}
|
||||||
|
.form__button-mobile{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.modal__aside{
|
.modal__aside{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -1522,6 +1527,7 @@ button{
|
|||||||
.modal__to-know-submit{
|
.modal__to-know-submit{
|
||||||
width: 412px;
|
width: 412px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-basket__item{
|
.modal-basket__item{
|
||||||
padding-top: 23px;
|
padding-top: 23px;
|
||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
|
|||||||
@@ -1912,6 +1912,11 @@ main{
|
|||||||
transform: rotate(180deg);
|
transform: rotate(180deg);
|
||||||
}
|
}
|
||||||
/* .cabinet-card-no-orders__ */
|
/* .cabinet-card-no-orders__ */
|
||||||
|
.cabinet__subscription-pc{
|
||||||
|
}
|
||||||
|
.cabinet__subscription-mobile{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
/* cabinet */
|
/* cabinet */
|
||||||
|
|
||||||
@media only screen and (max-width: 1600px) {
|
@media only screen and (max-width: 1600px) {
|
||||||
|
|||||||
@@ -84,6 +84,11 @@
|
|||||||
.modal-map-control__item{
|
.modal-map-control__item{
|
||||||
width: calc(100% - 24px);
|
width: calc(100% - 24px);
|
||||||
}
|
}
|
||||||
|
.form__full-mobile{
|
||||||
|
width: 100%;
|
||||||
|
border-radius: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
/* modal */
|
/* modal */
|
||||||
|
|
||||||
/* footer */
|
/* footer */
|
||||||
|
|||||||
@@ -108,12 +108,21 @@ main{
|
|||||||
.modal__text{
|
.modal__text{
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
|
.form__button-pc{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.form__button-mobile{
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
.modal-form{
|
.modal-form{
|
||||||
min-height: 100%;
|
/* min-height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
border: none;
|
border: none; */
|
||||||
|
}
|
||||||
|
.modal__notification{
|
||||||
|
margin: 24px;
|
||||||
}
|
}
|
||||||
.form-input-phone__list{
|
.form-input-phone__list{
|
||||||
left: 0;
|
left: 0;
|
||||||
@@ -180,6 +189,14 @@ main{
|
|||||||
.cabinet__orders.active, .cabinet__profile.active{
|
.cabinet__orders.active, .cabinet__profile.active{
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
.cabinet__subscription-pc{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.cabinet__subscription-mobile{
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
margin: 24px 24px 0 24px;
|
||||||
|
}
|
||||||
/* cabinet */
|
/* cabinet */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -225,7 +225,7 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="modal active">
|
<div class="modal active">
|
||||||
<div class="modal-form modal-form--white modal-form--width-584">
|
<div class="modal-form modal__notification modal-form--white modal-form--width-584">
|
||||||
<button class="modal-form__close"></button>
|
<button class="modal-form__close"></button>
|
||||||
|
|
||||||
<p class="modal-form__title modal-form__text--center-pc modal-form__title--green-gradient">Ваш заказ оформлен</p>
|
<p class="modal-form__title modal-form__text--center-pc modal-form__title--green-gradient">Ваш заказ оформлен</p>
|
||||||
|
|||||||
@@ -226,7 +226,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="modal active">
|
<div class="modal active">
|
||||||
<div class="modal-form modal-form--white">
|
<div class="modal-form form__full-mobile modal-form--white">
|
||||||
<button class="modal-form__close"></button>
|
<button class="modal-form__close"></button>
|
||||||
<p class="modal-form__title">Изменить мои данные</p>
|
<p class="modal-form__title">Изменить мои данные</p>
|
||||||
|
|
||||||
@@ -296,7 +296,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-form__buttons modal-form__buttons--two">
|
<div class="modal-form__buttons modal-form__buttons--two">
|
||||||
<input class="button button--gradient button--high button--filter " type="submit" value="Отправить">
|
<input class="button button--gradient button--high button--filter " type="submit" value="Сохранить">
|
||||||
|
|
||||||
<input type="reset" class="button button--white open-overlay button--high" value="Отмена">
|
<input type="reset" class="button button--white open-overlay button--high" value="Отмена">
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -226,7 +226,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="modal active">
|
<div class="modal active">
|
||||||
<div class="modal-form modal-form--white">
|
<div class="modal-form form__full-mobile modal-form--white">
|
||||||
<button class="modal-form__close"></button>
|
<button class="modal-form__close"></button>
|
||||||
<p class="modal-form__title">Добавить питомца</p>
|
<p class="modal-form__title">Добавить питомца</p>
|
||||||
|
|
||||||
|
|||||||
@@ -226,7 +226,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="modal active">
|
<div class="modal active">
|
||||||
<div class="modal-map modal-form--white">
|
<div class="modal-map form__full-mobile modal-form--white">
|
||||||
<div class="modal-map__left">
|
<div class="modal-map__left">
|
||||||
<p class="modal-form__title">Добавить адрес</p>
|
<p class="modal-form__title">Добавить адрес</p>
|
||||||
<button class="modal-form__close"></button>
|
<button class="modal-form__close"></button>
|
||||||
|
|||||||
@@ -225,7 +225,7 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="modal active">
|
<div class="modal active">
|
||||||
<div class="modal-form modal-form--green-gradient modal-form--width-584">
|
<div class="modal-form modal__notification modal-form--green-gradient modal-form--width-584">
|
||||||
<button class="modal-form__close modal-form__close--white"></button>
|
<button class="modal-form__close modal-form__close--white"></button>
|
||||||
|
|
||||||
<p class="modal-form__title modal-form__title--white">Подписка на корм</p>
|
<p class="modal-form__title modal-form__title--white">Подписка на корм</p>
|
||||||
@@ -237,7 +237,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-form__element modal-form__element--top-40">
|
<div class="modal-form__element modal-form__element--top-40">
|
||||||
<button class="button button--white button--100-perc open-overlay button--high">
|
<button class="button form__button-pc button--white button--100-perc open-overlay button--high">
|
||||||
|
Хочу попробовать первым!
|
||||||
|
</button>
|
||||||
|
<button class="button form__button-mobile button--white button--100-perc open-overlay button--high">
|
||||||
Хочу быть первым!
|
Хочу быть первым!
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -225,6 +225,22 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="wrapper">
|
<main class="wrapper">
|
||||||
|
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-mobile">
|
||||||
|
<div class="cabinet-card__content">
|
||||||
|
<p class="cabinet-card__title">
|
||||||
|
Подписка на корм
|
||||||
|
</p>
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__text">Еженедельная доставка корма для вашего питомца</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<button class="button button--gradient button--high-46">
|
||||||
|
Узнать подробности
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<div class="cabinet__control">
|
<div class="cabinet__control">
|
||||||
<button class="cabinet-control__button active start" data-cabinet="orders">Заказы</button>
|
<button class="cabinet-control__button active start" data-cabinet="orders">Заказы</button>
|
||||||
<button class="cabinet-control__button" data-cabinet="profile">Профиль</button>
|
<button class="cabinet-control__button" data-cabinet="profile">Профиль</button>
|
||||||
@@ -351,7 +367,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="cabinet__orders cabinet-content">
|
<div class="cabinet__orders cabinet-content">
|
||||||
<div class="cabinet-card cabinet-card--green-white">
|
<div class="cabinet-card cabinet-card--green-white cabinet__subscription-pc">
|
||||||
<div class="cabinet-card__content">
|
<div class="cabinet-card__content">
|
||||||
<p class="cabinet-card__title">
|
<p class="cabinet-card__title">
|
||||||
Подписка на корм
|
Подписка на корм
|
||||||
@@ -549,9 +565,9 @@
|
|||||||
<p class="cabinet-card-no-orders__title">Пока нет заказов</p>
|
<p class="cabinet-card-no-orders__title">Пока нет заказов</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="cabinet-card-no-orders__element">
|
<div class="cabinet-card-no-orders__element">
|
||||||
<button class="to-know button--100-perc to-know--background-none">
|
<a href="#" class="to-know button--100-perc to-know--background-none">
|
||||||
<p>Перейти в каталог</p>
|
<p>Перейти в каталог</p>
|
||||||
</button>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user