Davron/spestexnika
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive bug fixing

Browse Source
This commit is contained in:
nabijonovdavronbek619@gmail.com
2025-11-04 15:19:47 +05:00
parent 9720f1a6d3
commit 0527b4bb20
13 changed files with 83 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/nav_foot/footer.tsx
View File

@@ -15,8 +15,8 @@ import { FaLocationDot } from "react-icons/fa6";
export default function Footer() {
return (
<div dir="ltr" className="bg-primary">
<div className="max-w-[1200px] w-full mx-auto pt-10 ">
<div className="flex items-start justify-around">
<div className="max-w-[1200px] flex items-start w-full mx-auto pt-10 px-5">
<div className="flex flex-wrap items-start justify-between gap-5 max-sm:gap-10">
<div>
{/* logo */}
<div className="flex items-center gap-4">
@@ -108,7 +108,8 @@ export default function Footer() {
</div>
</div>
</div>
<div className="group flex flex-col items-end justify-end pt-15">
</div>
<div className="group flex flex-col items-end justify-end pt-15">
<div className="group relative">
<div
className="
@@ -165,7 +166,6 @@ export default function Footer() {
className="mt-3 hover:cursor-pointer icon_animation rounded-[50%] object-cover"
alt="icon image"
/>
</div>
</div>
</div>

20
components/nav_foot/navbar.css
View File

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