From c3bfe665a8de3ca72fa45290dfd20dd3db6190ce Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Mon, 3 Jun 2024 14:50:58 +0900
Subject: [PATCH] fix: make toast animate reverse on mobile

---
 packages/react/components/Toast.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/components/Toast.tsx b/packages/react/components/Toast.tsx
index afa5578..8c18031 100644
--- a/packages/react/components/Toast.tsx
+++ b/packages/react/components/Toast.tsx
@@ -34,9 +34,9 @@ const [toastVariant] = vcn({
       loading: toastColors.borders.loading,
     },
     life: {
-      born: "translate-y-full scale-90 ease-[cubic-bezier(0,.6,.7,1)]",
+      born: "-translate-y-full md:translate-y-full scale-90 ease-[cubic-bezier(0,.6,.7,1)]",
       normal: "translate-y-0 scale-100 ease-[cubic-bezier(0,.6,.7,1)]",
-      dead: "translate-y-full scale-90 ease-[cubic-bezier(.6,0,1,.7)]",
+      dead: "-translate-y-full md:translate-y-full scale-90 ease-[cubic-bezier(.6,0,1,.7)]",
     },
   },
   defaults: {