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

cosmopet--Memento-mori-dev
Kirill Pet 3 months ago
parent 27167fbec2
commit e3e8e3a187
  1. 16
      assets/css/gp-style-core.css
  2. 18
      subscription-2.html

@ -2288,7 +2288,23 @@ button{
width: 100%;
}
.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{
align-items: start;

@ -226,26 +226,8 @@
</header>
<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__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__content">
<div class="cabinet-card__element">

Loading…
Cancel
Save