Merge pull request #562 from depromeet/fix/zindex

fix : bottomsheet zIndex 수정
depromeet · Feb 13, 2024 · 634e539 · 634e539
2 parents 9821c0a + d53eb28
commit 634e539
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/BottomSheet/BottomSheet.tsx b/src/components/BottomSheet/BottomSheet.tsx
@@ -22,7 +22,7 @@ function BottomSheet({ children, isDraggable = false, onClickOutside, isShowing,
   return (
     <SpringBottomSheet
       open={isShowing}
-      className={css(bottomSheetCss, isDraggable ? {} : nonDraggableCss)}
+      className={css(bottomSheetCss, isDraggable ? {} : nonDraggableCss, zIndexCss)}
       onDismiss={onClickOutside}
     >
       <div className={headerWrapperCss}>{headerElement}</div>
@@ -40,6 +40,16 @@ const nonDraggableCss = {
     display: 'none',
   },
 };
+
+const zIndexCss = {
+  '& [data-rsbs-overlay]': {
+    zIndex: '100 !important',
+  },
+  '& [data-rsbs-backdrop]': {
+    zIndex: '100 !important',
+  },
+};
+
 const contentCss = css({
   padding: '0 16px',
 });

diff --git a/src/components/Header/HeaderBase.tsx b/src/components/Header/HeaderBase.tsx
@@ -57,7 +57,7 @@ const wrapperCss = flex({
   left: 0,
   right: 0,
   top: 0,
-  zIndex: 3,
+  zIndex: 'appBar',
   position: 'fixed',
   display: 'flex',
   alignItems: 'center',