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

сделал правки для subscription-order

Browse Source
This commit is contained in:
Kirill Pet
2025-05-03 20:53:17 +03:00
parent 6ead69e180
commit ac54f2e381
5 changed files with 87 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2339,3 +2339,23 @@ button{
.cabinet__control--column > *:not(:first-child){ .cabinet__control--column > *:not(:first-child){
margin-top: 16px margin-top: 16px
} }
.cabinet-card-order__payment{
}
.cabinet-card-order__sub-title{
font-family: var(--font-family);
font-weight: 600;
line-height: 143%;
color: var(--text-3);
}
.cabinet-card-order__date{
font-family: var(--font-family);
font-weight: 700;
line-height: 125%;
color: var(--text-3);
}
.cabinet-card-order-payment__price span{
font-size: 12px;
}

14
assets/css/gp-style-desktop.css
View File

@@ -1712,6 +1712,9 @@ main{
margin-left: 5px; margin-left: 5px;
content: '₽'; content: '₽';
} }
.cabinet-card-order-payment__price--add::after{
display: none;
}
.cabinet-card-order__content{ .cabinet-card-order__content{
margin-top: 24px; margin-top: 24px;
} }
@@ -1909,6 +1912,17 @@ main{
.cabinet-card__order.active .cabinet-card-order__open-detail::after{ .cabinet-card__order.active .cabinet-card-order__open-detail::after{
transform: rotate(180deg); transform: rotate(180deg);
} }
.cabinet-card-order__payment-add{
display: flex;
flex-direction: column;
align-items: start;
}
.cabinet-card-order__sub-title{
font-size: 14px;
}
.cabinet-card-order__date{
font-size: 16px;
}
/* .cabinet-card-no-orders__ */ /* .cabinet-card-no-orders__ */
.cabinet__subscription-pc{ .cabinet__subscription-pc{
} }

5
assets/css/gp-style-mobile.css
View File

@@ -204,7 +204,9 @@
.cabinet-card__content{ .cabinet-card__content{
padding-right: 19px; padding-right: 19px;
} }
.cabinet-card-order-main__date{
font-size: 20px;
}
/* .cabinet-card__order.active */ /* .cabinet-card__order.active */
/* .cabinet-card__order.active */ /* .cabinet-card__order.active */
/* cabinet */ /* cabinet */
@@ -331,3 +333,4 @@
font-size: 16px; font-size: 16px;
} }
} }

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

@@ -341,5 +341,8 @@ main{
.cabinet-card__order.active .cabinet-card-order__open-detail{ .cabinet-card__order.active .cabinet-card-order__open-detail{
margin-top: 24px; margin-top: 24px;
} }
.cabinet-card-order__link{
margin-top: 144px;
}
/* cabinet */ /* cabinet */
} }

302
subscription-order.html
View File

@@ -394,73 +394,30 @@
<div class="cabinet-card__order"> <div class="cabinet-card__order">
<div class="cabinet-card-order__header"> <div class="cabinet-card-order__header">
<div class="cabinet-card-order__main"> <div class="cabinet-card-order__main">
<p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p> <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
<p class="cabinet-card-order-main__number">763276427364</p> <p class="cabinet-card-order-main__number">7632</p>
</div> </div>
<div class="cabinet-card-order__payment"> <div class="cabinet-card-order__payment">
<p class="cabinet-card-order-payment__title">Оплачено:</p> <p class="cabinet-card-order-payment__title">Сумма:</p>
<p class="cabinet-card-order-payment__price">8960</p> <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
</div> </div>
</div> </div>
<div class="cabinet-card-order__content"> <div class="cabinet-card-order__content">
<div class="cabinet-card-order__status"> <div class="cabinet-card-order__payment-add">
<p class="cabinet-card-order-status__title">Статус:</p> <p class="cabinet-card-order__sub-title">
<p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p> Следующий платеж:
</p>
<p class="cabinet-card-order__date">
21.10.2024
</p>
</div> </div>
<div class="cabinet-card-order__block-detail"> <div class="cabinet-card-order__link">
<div class="cabinet-card-order__detail"> <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
<div class="cabinet-card-order-detail__address"> <p>Детали подписки</p>
<p class="cabinet-card-order-detail-address__title">Адрес доставки: </p> </a>
<p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
</div>
<div class="cabinet-card-order-detail__main">
<div class="cabinet-card-order-detail-main__products">
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
</div>
<div class="cabinet-card-order-detail-main__links">
<a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
Электронный чек
</a>
<button class="cabinet-card__button cabinet-card-order-detail-main__link">
Отследить заказ
</button>
</div>
</div>
</div>
</div> </div>
<button class="cabinet-card-order__open-detail">Детали заказа</button>
</div> </div>
<div class="cabinet-card-order__detail-short"> <div class="cabinet-card-order__detail-short">
@@ -477,73 +434,30 @@
<div class="cabinet-card__order"> <div class="cabinet-card__order">
<div class="cabinet-card-order__header"> <div class="cabinet-card-order__header">
<div class="cabinet-card-order__main"> <div class="cabinet-card-order__main">
<p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p> <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
<p class="cabinet-card-order-main__number">763276427364</p> <p class="cabinet-card-order-main__number">7632</p>
</div> </div>
<div class="cabinet-card-order__payment"> <div class="cabinet-card-order__payment">
<p class="cabinet-card-order-payment__title">Оплачено:</p> <p class="cabinet-card-order-payment__title">Сумма:</p>
<p class="cabinet-card-order-payment__price">8960</p> <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
</div> </div>
</div> </div>
<div class="cabinet-card-order__content"> <div class="cabinet-card-order__content">
<div class="cabinet-card-order__status"> <div class="cabinet-card-order__payment-add">
<p class="cabinet-card-order-status__title">Статус:</p> <p class="cabinet-card-order__sub-title">
<p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p> Следующий платеж:
</p>
<p class="cabinet-card-order__date">
21.10.2024
</p>
</div> </div>
<div class="cabinet-card-order__block-detail"> <div class="cabinet-card-order__link">
<div class="cabinet-card-order__detail"> <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
<div class="cabinet-card-order-detail__address"> <p>Детали подписки</p>
<p class="cabinet-card-order-detail-address__title">Адрес доставки: </p> </a>
<p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
</div>
<div class="cabinet-card-order-detail__main">
<div class="cabinet-card-order-detail-main__products">
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
</div>
<div class="cabinet-card-order-detail-main__links">
<a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
Электронный чек
</a>
<button class="cabinet-card__button cabinet-card-order-detail-main__link">
Отследить заказ
</button>
</div>
</div>
</div>
</div> </div>
<button class="cabinet-card-order__open-detail">Детали заказа</button>
</div> </div>
<div class="cabinet-card-order__detail-short"> <div class="cabinet-card-order__detail-short">
@@ -560,156 +474,30 @@
<div class="cabinet-card__order"> <div class="cabinet-card__order">
<div class="cabinet-card-order__header"> <div class="cabinet-card-order__header">
<div class="cabinet-card-order__main"> <div class="cabinet-card-order__main">
<p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p> <p class="cabinet-card-order-main__date">Подписка от 06.09.2024</p>
<p class="cabinet-card-order-main__number">763276427364</p> <p class="cabinet-card-order-main__number">7632</p>
</div> </div>
<div class="cabinet-card-order__payment"> <div class="cabinet-card-order__payment">
<p class="cabinet-card-order-payment__title">Оплачено:</p> <p class="cabinet-card-order-payment__title">Сумма:</p>
<p class="cabinet-card-order-payment__price">8960</p> <p class="cabinet-card-order-payment__price cabinet-card-order-payment__price--add">16420 ₽ <span>/ месяц</span></p>
</div> </div>
</div> </div>
<div class="cabinet-card-order__content"> <div class="cabinet-card-order__content">
<div class="cabinet-card-order__status"> <div class="cabinet-card-order__payment-add">
<p class="cabinet-card-order-status__title">Статус:</p> <p class="cabinet-card-order__sub-title">
<p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p> Следующий платеж:
</p>
<p class="cabinet-card-order__date">
21.10.2024
</p>
</div> </div>
<div class="cabinet-card-order__block-detail"> <div class="cabinet-card-order__link">
<div class="cabinet-card-order__detail"> <a href="#" class="to-know to-know--start button--100-perc to-know--background-none">
<div class="cabinet-card-order-detail__address"> <p>Детали подписки</p>
<p class="cabinet-card-order-detail-address__title">Адрес доставки: </p> </a>
<p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
</div>
<div class="cabinet-card-order-detail__main">
<div class="cabinet-card-order-detail-main__products">
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
</div>
<div class="cabinet-card-order-detail-main__links">
<a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
Электронный чек
</a>
<button class="cabinet-card__button cabinet-card-order-detail-main__link">
Отследить заказ
</button>
</div>
</div>
</div>
</div> </div>
<button class="cabinet-card-order__open-detail">Детали заказа</button>
</div>
<div class="cabinet-card-order__detail-short">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
</div>
</div>
</div>
</div>
<div class="cabinet-card cabinet-card--grey">
<div class="cabinet-card__content">
<div class="cabinet-card__order">
<div class="cabinet-card-order__header">
<div class="cabinet-card-order__main">
<p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p>
<p class="cabinet-card-order-main__number">763276427364</p>
</div>
<div class="cabinet-card-order__payment">
<p class="cabinet-card-order-payment__title">Оплачено:</p>
<p class="cabinet-card-order-payment__price">8960</p>
</div>
</div>
<div class="cabinet-card-order__content">
<div class="cabinet-card-order__status">
<p class="cabinet-card-order-status__title">Статус:</p>
<p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p>
</div>
<div class="cabinet-card-order__block-detail">
<div class="cabinet-card-order__detail">
<div class="cabinet-card-order-detail__address">
<p class="cabinet-card-order-detail-address__title">Адрес доставки: </p>
<p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
</div>
<div class="cabinet-card-order-detail__main">
<div class="cabinet-card-order-detail-main__products">
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
<div class="cabinet-card-order-detail-main__product">
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
<div class="cabinet-card-order-detail-main-product__content">
<div class="cabinet-card-order-detail-main-product__description">
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
</div>
<p class="cabinet-card-order-detail-main-product__count">3</p>
<p class="cabinet-card-order-detail-main-product__price">10280</p>
</div>
</div>
</div>
<div class="cabinet-card-order-detail-main__links">
<a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
Электронный чек
</a>
<button class="cabinet-card__button cabinet-card-order-detail-main__link">
Отследить заказ
</button>
</div>
</div>
</div>
</div>
<button class="cabinet-card-order__open-detail">Детали заказа</button>
</div> </div>
<div class="cabinet-card-order__detail-short"> <div class="cabinet-card-order__detail-short">