fix header backround and responsive, closes #1
This commit is contained in:
parent
8eeb6d73d8
commit
10ba6275bd
1 changed files with 3 additions and 3 deletions
|
@ -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">
|
||||
پارچ کست
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue