refactor: Toast z-index 지정 (#101)

* refactor: `StyledToastWrapper`에 z-index 추가 * docs: `Toast` 문서 주의사항 추가
yourssu · May 16, 2024 · 13ec87e · 13ec87e
1 parent f48f4e2
commit 13ec87e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Toast/Toast.stories.tsx b/src/components/Toast/Toast.stories.tsx
@@ -20,6 +20,7 @@ const meta: Meta<typeof Toast> = {
           <h2> 주의사항 </h2>
           <ol>
             <li>width props 값이 fit-content보다 작을 경우 적용되지 않습니다.</li>
+            <li>Toast의 z-index 값은 9999입니다.</li>
           </ol>
           <br />
           <Title>useToast</Title>

diff --git a/src/components/Toast/Toast.style.ts b/src/components/Toast/Toast.style.ts
@@ -42,6 +42,7 @@ const setToastAnimation = ($duration: ToastDuration) => {
 
 export const StyledToastWrapper = styled.div`
   position: fixed;
+  z-index: 9999;
   inset: 0px;
   width: 100%;
   height: 100%;