responsive bug fixing
This commit is contained in:
@@ -31,7 +31,6 @@
|
||||
background-color: rgba(66, 64, 64, 0.199);
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 580px) {
|
||||
.overflow.active {
|
||||
display: block;
|
||||
@@ -66,24 +65,23 @@
|
||||
}
|
||||
|
||||
.nav_link_group_phone {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
top: 0vh;
|
||||
position: fixed; /* ✅ absolute emas */
|
||||
z-index: 1001; /* yuqoriroq bo‘lsin */
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
height: 100vh;
|
||||
width: calc(40% + 100px);
|
||||
max-width: 100%;
|
||||
background-color: white;
|
||||
width: 80%; /* ✅ width: calc(40% + 100px) o‘rniga */
|
||||
max-width: 400px; /* qo‘shimcha himoya */
|
||||
background: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: start;
|
||||
gap: 20px;
|
||||
padding: 0 10px 10px 10px;
|
||||
transform: translate(-100%);
|
||||
transition: 0.4s ease-in-out;
|
||||
padding: 10px;
|
||||
transform: translateX(-100%);
|
||||
transition: transform 0.4s ease-in-out;
|
||||
box-sizing: border-box; /* ✅ scrollni oldini olish */
|
||||
}
|
||||
|
||||
.overflow {
|
||||
|
||||
Reference in New Issue
Block a user