From 10ba6275bd8b6dda744c3b57519de7fe600819d3 Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sun, 16 Mar 2025 15:59:24 +0330
Subject: [PATCH] fix header backround and responsive, closes #1

---
 components/header.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/header.tsx b/components/header.tsx
index d288027..fae9c2d 100644
--- a/components/header.tsx
+++ b/components/header.tsx
@@ -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">
             پارچ کست