🔧 fix: header, search modal z-index 수정

boostcampwm-2024 · Dec 4, 2024 · 72c03e4 · 72c03e4
1 parent 1184a00
commit 72c03e4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/FE/src/components/Header.tsx b/FE/src/components/Header.tsx
@@ -45,7 +45,7 @@ export default function Header() {
   };
 
   return (
-    <header className='fixed left-0 top-0 z-50 h-[60px] w-full bg-white'>
+    <header className='fixed left-0 top-0 z-20 h-[60px] w-full bg-white'>
       <div className='mx-auto flex h-full max-w-[1280px] items-center justify-between px-8'>
         <Link to={'/'} className='flex items-center gap-2'>
           <picture>

diff --git a/FE/src/components/Search/index.tsx b/FE/src/components/Search/index.tsx
@@ -44,10 +44,10 @@ export default function SearchModal() {
   const showSearchResults = searchInput && !isSearching && data;
 
   return (
-    <>
+    <div className='z-30'>
       <Overlay onClick={() => toggleSearchModal()} />
       <section
-        className={`${searchInput.length ? 'h-[520px]' : ''} fixed left-1/2 top-3 z-20 w-[640px] -translate-x-1/2 rounded-2xl bg-white shadow-xl`}
+        className={`${searchInput.length ? 'h-[520px]' : ''} fixed left-1/2 top-3 w-[640px] -translate-x-1/2 rounded-2xl bg-white shadow-xl`}
       >
         <div
           className={'absolute left-0 right-0 top-0 rounded-t-2xl bg-white p-3'}
@@ -91,6 +91,6 @@ export default function SearchModal() {
           )}
         </div>
       </section>
-    </>
+    </div>
   );
 }