fix: Toast 컴포넌트의 애니메이션 클래스 순서 수정

boostcampwm-2024 · Dec 2, 2024 · 0da94ea · 0da94ea
1 parent 747822b
commit 0da94ea
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/apps/web/src/components/toast/Toast.tsx b/apps/web/src/components/toast/Toast.tsx
@@ -6,7 +6,7 @@ import { ToastProps } from '@/core/toast/type';
 import useToast from '@/hooks/toast/useToast';
 
 const containerVariants = cva(
-  '[&.bounce-enter]:animate-bounce-in-bottom [&.bounce-exit]:animate-bounce-out-bottom z-0 mb-4 flex max-h-[800px] min-h-16 cursor-pointer justify-between overflow-hidden rounded-md bg-[#000000b3] text-white shadow-md',
+  'z-0 mb-4 flex max-h-[800px] min-h-16 cursor-pointer justify-between overflow-hidden rounded-md bg-[#000000b3] text-white shadow-md [&.bounce-enter]:animate-bounce-in-bottom [&.bounce-exit]:animate-bounce-out-bottom',
   {
     variants: {
       closeOnClick: {