Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kirill Pet
2024-10-28 11:40:42 +03:00
parent 0911744f6f
commit 003bff1fbb
4 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/css/gp-style-core.css
View File

@@ -1382,9 +1382,9 @@ 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;
}
@@ -1392,6 +1392,10 @@ button{
opacity: 1;
pointer-events: auto;
}
.modal__notification{}
.form__button-mobile{
display: none;
}
.modal__aside{
position: fixed;
top: 0;

13
assets/css/gp-style-tablet.css
View File

@@ -108,12 +108,21 @@ main{
.modal__text{
padding-right: 0;
}
.form__button-pc{
display: none;
}
.form__button-mobile{
display: block;
}
.modal-form{
min-height: 100%;
/* min-height: 100%;
width: 100%;
border-radius: 0;
border: none;
border: none; */
}
.modal__notification{
margin: 24px;
}
.form-input-phone__list{
left: 0;

2
notification-decorated.html
View File

@@ -225,7 +225,7 @@
</header>
<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>
<p class="modal-form__title modal-form__text--center-pc modal-form__title--green-gradient">Ваш заказ оформлен</p>

7
notification-sub.html
View File

@@ -225,7 +225,7 @@
</header>
<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>
<p class="modal-form__title modal-form__title--white">Подписка на корм</p>
@@ -237,7 +237,10 @@
</div>
<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>
</div>