master
Boris Voropaev 2023-12-22 17:19:15 +03:00
parent e877aab062
commit 9e21a31fd5
3 changed files with 25 additions and 7 deletions

View File

@ -1,5 +1,5 @@
<div class="item" [ngClass]="itemClass">
<drop-down ico="arrow_drop_down_24" (toggle)="toggle($event)" [visible]="open" [angle]="[-90,0]" *ngIf="hasChildren"></drop-down>
<drop-down ico="chevron_menu_24" (toggle)="toggle($event)" [visible]="open" [angle]="[-90,0]" *ngIf="hasChildren"></drop-down>
<a (click)="select()">{{item.name}}</a>
</div>
<pages-menu *ngIf="children?.length" [items]="children" [level]="level + 1" [ngClass]="menuClass"></pages-menu>

View File

@ -112,22 +112,24 @@ a.logo{
slider[side="left"]{
.slider-bar{
background-color: var(--prime-act);
padding: 32px 40px;
padding: 40px 48px;
width: 480px;
max-width: 100vw;
.header{
background-color: var(--prime-act);
box-shadow: none;
padding: 0 0 28px;
ico svg{
color: var(--white);
.title{
ico svg{
color: var(--white);
}
}
}
.body{
pages-menu{
ico{
border: 2px solid var(--white);
border-radius: 14px;
margin-top: 20px;
svg{
color: var(--white);
@ -140,7 +142,7 @@ slider[side="left"]{
font-weight: 400;
line-height: 24px;
color: var(--white);
margin: 20px 0 2px 16px;
margin: 20px 0 2px 20px;
}
&.top-menu{
@ -191,6 +193,17 @@ slider[side="left"]{
}
}
@media screen and (max-width: 900px){
slider[side="left"]{
.slider-bar{
padding: 40px 32px;
}
}
}
@media screen and (min-width: 1330px){
.header{
.burger{

View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="ico">
<path id="expand_more_24" d="M12 16.0001L6 10.0001L7.4 8.6001L12 13.2001L16.6 8.6001L18 10.0001L12 16.0001Z" fill="currentColor"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 252 B