web/parch-cast
9
0
Fork 0
Code Issues 6 Pull requests Projects Releases Packages Wiki Activity Actions

fix header backround and responsive, closes #1

Browse source
This commit is contained in:
Aria Moradi 2025-03-16 15:59:24 +03:30
parent 8eeb6d73d8
commit 10ba6275bd
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/header.tsx
View file

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