mohiit1502/zin-tools
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve Navbar for Mobile Screen

Browse Source
This commit is contained in:
aftabrehan
2024-02-01 23:07:48 +05:00
parent bc7cad7e3b
commit 71eb0dfed7
6 changed files with 30 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/header.tsx
View File

@@ -7,8 +7,8 @@ import { Navbar } from '@/components/navbar'
import { MobileNav } from '@/components/MobileNav'
export const Header = () => (
<header className="w-full h-36 fixed top-0 shadow-header px-4 pt-6 bg-white">
<div className="w-full max-w-7xl mx-auto flex flex-col items-center justify-center gap-3 sm:gap-4 md:gap-6">
<header className="w-full h-36 fixed top-0 shadow-header px-4 pt-4 sm:pt-6 bg-white">
<div className="w-full max-w-7xl mx-auto flex flex-col items-center justify-center gap-4 sm:gap-4 md:gap-6">
<div className="w-full flex items-center justify-between">
<Link href="/" className="overflow-hidden">
<Image