responsive burger

This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-17 12:22:03 +02:00
parent ab75f92224
commit e100f72f88
2 changed files with 50 additions and 38 deletions

File diff suppressed because one or more lines are too long

View File

@ -173,9 +173,10 @@
max-height: 4.5rem; max-height: 4.5rem;
width: auto; width: auto;
} }
} #header-top-left{
max-height: 100% !important;
.header_top_left_container{ .header_top_left_container{
max-height: 100% !important;
height: 100%; height: 100%;
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
@ -202,6 +203,7 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
} }
} }
}
#header-top-middle{ #header-top-middle{
display: flex; display: flex;
align-items: center; align-items: center;
@ -213,6 +215,10 @@
} }
} }
} }
}
.header_bottom_container{ .header_bottom_container{
height: 100%; height: 100%;
// solution to access views container // solution to access views container
@ -282,9 +288,12 @@
background: black; background: black;
border-radius: 3px; border-radius: 3px;
z-index: 1; z-index: 1;
@include breakpoint(small down) { @include breakpoint(medium down) {
width: 36px; width: 36px;
} }
@include breakpoint(small down) {
width: 25px;
}
} }
} }
.close-block{ .close-block{
@ -315,9 +324,12 @@
span{ span{
margin-bottom: 12px; margin-bottom: 12px;
transform-origin: 4px 0px; transform-origin: 4px 0px;
@include breakpoint(small down) { @include breakpoint(medium down) {
margin-bottom: 8px; margin-bottom: 8px;
} }
@include breakpoint(small down) {
margin-bottom: 5px;
}
} }
} }