style: header zindex (#109)

pick-time · Oct 24, 2023 · 8a3180c · 8a3180c
1 parent 540db56
commit 8a3180c
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 11 deletions.
diff --git a/src/components/common/Header.tsx b/src/components/common/Header.tsx
@@ -18,7 +18,7 @@ const LogoWrapper = styled.header`
   position: fixed;
   top: 0px;
   background: ${COLOR.WHITE};
-  z-index: 1;
+  z-index: 0.5;
 `;
 
 export default Header;
diff --git a/src/components/common/HeaderWithButton.tsx b/src/components/common/HeaderWithButton.tsx
@@ -41,6 +41,8 @@ const LogoWrapper = styled.header`
   padding: 1rem 12rem;
   background: ${COLOR.WHITE};
   z-index: 1;
+  position: fixed;
+  top: 0px;
 `;
 
 const IconButton = styled.button`

diff --git a/src/components/provider/ProviderGiftList.tsx b/src/components/provider/ProviderGiftList.tsx
@@ -1,11 +1,10 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect, useState } from "react";
+import { useState } from "react";
 import List from "components/common/List";
-import { GiftList } from "types/giftList.type";
 import EditGiftModal from "./EditGiftModal";
-// import giftList from "data/giftData";
 import { useParams } from "react-router-dom";
 import useGift from "hooks/queries/useGift";
+import styled from "styled-components";
 
 export default function ProviderGiftList() {
   const { targetId } = useParams();
@@ -27,13 +26,15 @@ export default function ProviderGiftList() {
   return (
     <>
       {data && (
-        <List
-          giftList={data.giftList}
-          couponList={data.couponList}
-          type="editable"
-          onClickClose={handleDelete}
-          onClickEdit={handleEdit}
-        />
+        <ListWrapper>
+          <List
+            giftList={data.giftList}
+            couponList={data.couponList}
+            type="editable"
+            onClickClose={handleDelete}
+            onClickEdit={handleEdit}
+          />
+        </ListWrapper>
       )}
       {data && editedGiftId && (
         <EditGiftModal
@@ -45,3 +46,7 @@ export default function ProviderGiftList() {
     </>
   );
 }
+
+const ListWrapper = styled.div`
+  padding-bottom: 20rem;
+`;