Ilgeldi
/
turkmen-expo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update layout and styles for HomePage and BurgerMenu components

This commit is contained in:
Batyr 2025-11-06 11:55:45 +05:00
parent 506a03318e
commit a11de84ae5
3 changed files with 107 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/(root)/page.tsx
View File

@ -11,7 +11,7 @@ export default async function HomePage() {
const lang = cookies().get("lang")?.value ?? "ru";
return (
<div className="bg-blueBg flex flex-col gap-[60px] md:gap-20 pb-20">
<div className="bg-blueBg flex flex-col gap-[60px] md:gap-20 pb-20 mt-[70px]">
<Slider lang={lang} />
<Suspense fallback={<Loader />}>

10
components/shared/Header.tsx
View File

@ -56,9 +56,11 @@ export const Header = () => {
{/* Mobile */}
{/* <div className="h-[74px] tab:hidden"> */}
<div className="h-[70px]">
<header
className={clsx(
"bg-[#EEF1F0] border-b border-[#DFE2E1] tab:hidden relative z-[50] flex items-center justify-between px-4 py-6",
"bg-[#EEF1F0] border-b z-30 border-[#DFE2E1] tab:hidden fixed top-0 left-0 right-0 flex items-center justify-between px-4 py-6",
{
// 'fixed w-full top-0': burgerOpen,
}
@ -121,10 +123,12 @@ export const Header = () => {
<AnimatePresence>{burgerOpen && <BurgerMenu />}</AnimatePresence>
</header>
{/* </div> */}
{/* Desktop */}
<header className="hidden border-b border-[#DFE2E1] relative z-[3000] tab:flex flex-col">
{/* <div className="hidden h-[74px] tab:block"> */}
<header className="hidden border-b border-[#DFE2E1] fixed top-0 left-0 right-0 z-30 tab:flex flex-col">
<div className="bg-[#EEF1F0] text-black">
<div className="container py-[17px] flex items-center justify-between">
<div className="flex items-center">
@ -162,6 +166,8 @@ export const Header = () => {
</div>
</div>
</header>
</div>
{/* </div> */}
</>
);
};

2
components/ui/burger-menu.tsx
View File

@ -103,7 +103,7 @@ export const BurgerMenu = () => {
x: "100%",
opacity: 0,
}}
className="bg-green overflow-auto fixed w-full z-[900] top-[74px] bottom-0 left-0 min-h-[100vh] h-full px-4 py-10 flex flex-col overflow-y-auto"
className="bg-green overflow-auto fixed w-full z-50 top-[66px] bottom-0 left-0 min-h-[100vh] h-full px-4 py-10 flex flex-col overflow-y-auto"
>
{activeMenu && (
<div>