From f1c054ea9be26af4fd6841dbe5c396f7a5b84b75 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Tue, 8 Oct 2024 15:53:10 +0900
Subject: [PATCH] =?UTF-8?q?Design:=20=ED=97=A4=EB=8D=94=20z-index=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Header/index.tsx             | 12 ++----------
 frontend/src/components/ManageLayout/index.tsx       |  2 +-
 frontend/src/components/PageLayout/index.tsx         |  2 +-
 .../src/components/WorkspaceBrowseLayout/index.tsx   |  2 +-
 frontend/src/components/WorkspaceLayout/index.tsx    |  2 +-
 5 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/Header/index.tsx b/frontend/src/components/Header/index.tsx
index 9d550b7..03d8e5a 100644
--- a/frontend/src/components/Header/index.tsx
+++ b/frontend/src/components/Header/index.tsx
@@ -6,22 +6,14 @@ import { Suspense } from 'react';
 import AlarmPopover from './AlarmPopover';
 import ProfilePopover from './ProfilePopover';
 
-export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-
-export default function Header({ className, ...props }: HeaderProps) {
+export default function Header() {
   const location = useLocation();
   const isHomePage = location.pathname === '/';
 
   const profile = useAuthStore((state) => state.profile);
 
   return (
-    <header
-      className={cn(
-        'flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10',
-        className
-      )}
-      {...props}
-    >
+    <header className="fixed left-0 top-0 z-40 flex h-16 w-full items-center justify-between border-b border-gray-200 bg-white px-4 sm:px-6 md:px-8 lg:px-10">
       <div className="flex items-center gap-4 md:gap-10">
         <Link
           to="/"
diff --git a/frontend/src/components/ManageLayout/index.tsx b/frontend/src/components/ManageLayout/index.tsx
index ae5c5b0..740cae8 100644
--- a/frontend/src/components/ManageLayout/index.tsx
+++ b/frontend/src/components/ManageLayout/index.tsx
@@ -18,7 +18,7 @@ export default function ManageLayout({ tabTitle }: { tabTitle: string }) {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
diff --git a/frontend/src/components/PageLayout/index.tsx b/frontend/src/components/PageLayout/index.tsx
index 11e4be9..913019a 100644
--- a/frontend/src/components/PageLayout/index.tsx
+++ b/frontend/src/components/PageLayout/index.tsx
@@ -6,7 +6,7 @@ import { Suspense } from 'react';
 export default function PageLayout() {
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
           <Suspense fallback={<div></div>}>
diff --git a/frontend/src/components/WorkspaceBrowseLayout/index.tsx b/frontend/src/components/WorkspaceBrowseLayout/index.tsx
index fb800fa..aaff1ea 100644
--- a/frontend/src/components/WorkspaceBrowseLayout/index.tsx
+++ b/frontend/src/components/WorkspaceBrowseLayout/index.tsx
@@ -92,7 +92,7 @@ export default function WorkspaceBrowseLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0 w-full" />
+      <Header />
 
       <div className="flex min-h-screen flex-col justify-between">
         <div className="mt-16 flex flex-1">
diff --git a/frontend/src/components/WorkspaceLayout/index.tsx b/frontend/src/components/WorkspaceLayout/index.tsx
index 13d6927..e9fa5d0 100644
--- a/frontend/src/components/WorkspaceLayout/index.tsx
+++ b/frontend/src/components/WorkspaceLayout/index.tsx
@@ -46,7 +46,7 @@ export default function WorkspaceLayout() {
 
   return (
     <>
-      <Header className="fixed left-0 top-0" />
+      <Header />
       <div className="mt-16 h-[calc(100vh-64px)] w-screen">
         <ResizablePanelGroup direction="horizontal">
           <WorkspaceSidebar