fox уведомлений, сделал по центру

cosmopet--Memento-mori-dev
Kirill Pet 10 months ago
parent 0911744f6f
commit 003bff1fbb
  1. 8
      assets/css/gp-style-core.css
  2. 13
      assets/css/gp-style-tablet.css
  3. 2
      notification-decorated.html
  4. 7
      notification-sub.html

@ -1382,9 +1382,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 +1392,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;

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

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

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

Loading…
Cancel
Save