добавление маркера для toggle

This commit is contained in:
Kirill Pet
2025-05-02 15:02:08 +03:00
parent 27167fbec2
commit e3e8e3a187
2 changed files with 16 additions and 18 deletions

View File

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

View File

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