2 Commits

Author SHA1 Message Date
Kirill Pet
e6bccc904f fix registration 2024-10-28 13:05:11 +03:00
Kirill Pet
003bff1fbb fox уведомлений, сделал по центру 2024-10-28 11:40:42 +03:00
10 changed files with 66 additions and 14 deletions

View File

@@ -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;

View File

@@ -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) {

View File

@@ -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 */

View File

@@ -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 */
} }

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>