fix header backround and responsive, closes #1

This commit is contained in:
Aria Moradi 2025-03-16 15:59:24 +03:30
parent 8eeb6d73d8
commit 10ba6275bd

View file

@ -6,8 +6,8 @@ import Image from "next/image";
export default function Header() {
return (
<div className="container mx-auto left-1/2 -translate-x-1/2 fixed w-full z-10">
<header className="px-4 md:px-6 flex h-20 w-full shrink-0 items-center justify-between">
<div className="mx-auto backdrop-blur-xs left-1/2 -translate-x-1/2 fixed w-full z-10">
<header className="px-4 md:px-6 flex p-3 md:p-4 w-full shrink-0 items-center justify-between">
<div className="flex gap-2">
<Button variant="ghost" className="px-2 py-1">
<Menu />
@ -18,7 +18,7 @@ export default function Header() {
جستجو
</Button>
</div>
<div className="flex items-center">
<div className="hidden sm:flex items-center">
<Image src={"/logo.png"} width={30} height={30} alt="logo" />
<h1 className="font-bold tracking-tighter leading-normal pe-2 text-xl text-parch">
پارچ کست