добавление маркера для toggle
This commit is contained in:
@@ -2288,7 +2288,23 @@ button{
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.subscription__toggle-header{
|
.subscription__toggle-header{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.subscription__toggle-header::after{
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 3.5px;
|
||||||
|
right: 0;
|
||||||
|
width: 24px;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
background-image: url(../img/svg/main/black-x.svg);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
transition: transform .2s;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subscription__toggle-header.active::after{
|
||||||
|
transform: rotate(0deg);
|
||||||
}
|
}
|
||||||
.subscription__toggle-product{
|
.subscription__toggle-product{
|
||||||
align-items: start;
|
align-items: start;
|
||||||
|
|||||||
@@ -226,26 +226,8 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="wrapper">
|
<main class="wrapper">
|
||||||
<div class="cabinet__control">
|
|
||||||
<button class="cabinet-control__button active start" data-cabinet="orders">Заказы</button>
|
|
||||||
<button class="cabinet-control__button" data-cabinet="profile">Профиль</button>
|
|
||||||
</div>
|
|
||||||
<div class="cabinet">
|
<div class="cabinet">
|
||||||
<div class="cabinet__profile cabinet-content">
|
<div class="cabinet__profile cabinet-content">
|
||||||
<div>
|
|
||||||
<div class="form-input__tabs">
|
|
||||||
<label for="boy" class="form-input-tabs__button">
|
|
||||||
Заказы
|
|
||||||
<input type="radio" ed="" name="floor" id="boy" class="form-input-tabs__input">
|
|
||||||
</label>
|
|
||||||
|
|
||||||
<label for="girl" class="form-input-tabs__button active">
|
|
||||||
Подписки
|
|
||||||
<input type="radio" name="floor" id="girl" class="form-input-tabs__input">
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="cabinet-card cabinet-card--green">
|
<div class="cabinet-card cabinet-card--green">
|
||||||
<div class="cabinet-card__content">
|
<div class="cabinet-card__content">
|
||||||
<div class="cabinet-card__element">
|
<div class="cabinet-card__element">
|
||||||
|
|||||||
Reference in New Issue
Block a user