[Fix] 쌓임맥락 고려하여 Tooltip 재배치 (#314)

* fix: zIndex 수정 * chore: 빌드 에러 해결
Team-Tiki · Nov 6, 2024 · 23ed69f · 23ed69f
1 parent a7e9a30
commit 23ed69f
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 10 deletions.
diff --git a/src/common/component/Carousel/Carousel.style.ts b/src/common/component/Carousel/Carousel.style.ts
@@ -1,7 +1,6 @@
 import { css } from '@emotion/react';
 
 import { CarouselProps } from '@/common/component/Carousel/Carousel';
-import { theme } from '@/common/style/theme/theme';
 
 export const itemStyle = (height: string) =>
   css({
@@ -68,8 +67,6 @@ export const arrowStyle = (position: 'left' | 'right') =>
     width: '3.2rem',
     height: '3.2rem',
 
-    zIndex: theme.zIndex.overlayBottom,
-
     border: 'none',
     borderRadius: '16px',
 

diff --git a/src/common/component/ToolTip/ToolTip.style.ts b/src/common/component/ToolTip/ToolTip.style.ts
@@ -16,8 +16,6 @@ export const messageStyle = (isVisible: boolean) =>
     padding: '1rem',
     borderRadius: '8px',
 
-    zIndex: theme.zIndex.overlayTop,
-
     backgroundColor: `${theme.colors.gray_900}`,
     font: `${theme.text.body08}`,
     color: `${theme.colors.white}`,

diff --git a/src/shared/component/ContentBox/ContentBox.style.ts b/src/shared/component/ContentBox/ContentBox.style.ts
@@ -49,8 +49,6 @@ export const headerStyle = css({
 
   height: '7.2rem',
 
-  zIndex: theme.zIndex.overlayBottom,
-
   padding: '1.6rem 0rem',
 
   borderBottom: `1px solid ${theme.colors.gray_200}`,

diff --git a/src/shared/component/RouteNav/RouteNav.style.ts b/src/shared/component/RouteNav/RouteNav.style.ts
@@ -45,7 +45,7 @@ export const itemStyle = (isActive: boolean) =>
 
     whiteSpace: 'nowrap',
 
-    zIndex: 2,
+    zIndex: 1,
   });
 
 export const indicatorStyle = css({
@@ -58,6 +58,4 @@ export const indicatorStyle = css({
   backgroundColor: theme.colors.white,
 
   borderRadius: '4px',
-
-  zIndex: 1,
 });
diff --git a/src/shared/component/SideNavBar/SideNavBar.style.ts b/src/shared/component/SideNavBar/SideNavBar.style.ts
@@ -8,6 +8,8 @@ export const containerStyle = css({
   height: '100vh',
 
   borderRight: `1px solid ${theme.colors.gray_300}`,
+
+  zIndex: theme.zIndex.overlayMiddle,
 });
 
 export const tikiLogoStyle = css({