Merge pull request #49 from Nico1eKim/feat/header-design

💄 design(Header.tsx): 헤더 디자인 sticky로 수정
P1Z7 · Feb 2, 2024 · 2f378b2 · 2f378b2
2 parents 0549542 + d547790
commit 2f378b2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/_components/Header.tsx b/app/_components/Header.tsx
@@ -21,9 +21,9 @@ const Header = () => {
 
   return (
     <>
-      <header className="fixed left-0 top-0 z-nav flex h-72 w-360 gap-16 border-b border-gray-50 bg-white-white px-20 pb-12 pt-36">
+      <header className="sticky left-0 top-0 z-nav flex h-72 w-full justify-between border-b border-gray-50 bg-white-white px-20 pb-12 pt-36">
         <ArrowLeft onClick={() => router.back()} className="cursor-pointer" />
-        <h1 className="w-240 text-center text-16 font-500 text-gray-900">{title}</h1>
+        <h1 className="w-full text-center text-16 font-500 text-gray-900">{title}</h1>
         {pathname === `/event/${id}` && <KebabButton onClick={openKebeb} className="cursor-pointer" />}
       </header>
       {bottomSheet === "event-kebab" && (