fix: toast position, z index 수정

depromeet · Aug 26, 2024 · 9444a64 · 9444a64
1 parent 2160d23
commit 9444a64
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/atoms/dim/dim.tsx b/components/atoms/dim/dim.tsx
@@ -12,6 +12,7 @@ type Dim = {
  *   BottomSheet - dim: 500 / container: 550
  *   Modal - dim: 700 / container: 750
  *   Dialog - dim: 800 / container: 850
+ *   Toast - container: 900
  */
 export const Dim = ({ onClick, zIndex = 800 }: Dim) => {
   return (

diff --git a/components/atoms/toast/toast.tsx b/components/atoms/toast/toast.tsx
@@ -59,8 +59,9 @@ const Toast = ({
 };
 
 const containerStyle = css({
-  position: 'relative',
+  position: 'fixed',
   backgroundColor: 'transparent',
+  zIndex: 900,
 });
 
 const toastWrapperStyle = flex({
@@ -71,7 +72,6 @@ const toastWrapperStyle = flex({
   left: '50%',
   transform: 'translateX(-50%)',
   marginBottom: 'calc(35px + env(safe-area-inset-bottom))',
-  zIndex: 200,
 });
 
 const toastStyle = flex({