From 60b3f1043d0e71bf3095b26fb33ce474d2900002 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <98446924+ShipFriend0516@users.noreply.github.com>
Date: Mon, 6 Oct 2025 17:41:40 +0900
Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=ED=86=A0=EC=8A=A4=ED=8A=B8?=
 =?UTF-8?q?=EB=A9=94=EC=8B=9C=EC=A7=80=20=ED=8C=9D=EC=97=85=20=ED=9A=A8?=
 =?UTF-8?q?=EA=B3=BC=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=ED=95=98=EC=97=AC=20=EB=8B=AB=EA=B8=B0=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/entities/common/Toast/Toast.tsx | 16 +++++++++-------
 tailwind.config.ts                  |  2 ++
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/app/entities/common/Toast/Toast.tsx b/app/entities/common/Toast/Toast.tsx
index fb6ecb2..d7b8e21 100644
--- a/app/entities/common/Toast/Toast.tsx
+++ b/app/entities/common/Toast/Toast.tsx
@@ -9,26 +9,28 @@ interface ToastProps {
 const Toast = ({ message, type, removeToast }: ToastProps) => {
   const iconRender = (type: 'success' | 'error') => {
     if (type === 'success') {
-      return <CiCircleCheck size={32} />;
+      return <CiCircleCheck color={'green'} size={40} />;
     } else {
-      return <CiCircleRemove size={32} />;
+      return <CiCircleRemove color={'red'} size={40} />;
     }
   };
-  const backgroundColor = type === 'success' ? 'bg-green-500' : 'bg-red-500';
-
   return (
     <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 z-50 w-[90%] max-w-md">
       <div
+        onClick={() => removeToast()}
         className={`
           transform transition-all duration-300 ease-out animate-slideUp
           bg-gray-200/90 text-black px-4 py-3 rounded-lg flex items-center gap-3 
-          backdrop-blur-sm w-full max-w-md
+          backdrop-blur-sm w-full max-w-md origin-center cursor-pointer 
+          hover:bg-gray-300/90 hover:shadow-lg
         `}
       >
-        <div className={`${backgroundColor} rounded-full p-0.5`}>
+        <div className={`flex items-center justify-center rounded-full p-0.5`}>
           {iconRender(type)}
         </div>
-        <p className="text whitespace-pre-line flex-1">{message}</p>
+        <p className="text line-clamp-1 whitespace-pre-line flex-1">
+          {message}
+        </p>
       </div>
     </div>
   );
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 0112590..b5dcbb2 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -40,10 +40,12 @@ const config: Config = {
         slideUp: {
           '0%': {
             transform: 'translateY(100%)',
+            width: '20%',
             opacity: '0',
           },
           '100%': {
             transform: 'translateY(0)',
+            width: '100%',
             opacity: '1',
           },
         },

From d4b0da0c6e3c3ee17d60eb6aef3916ec031533a7 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <98446924+ShipFriend0516@users.noreply.github.com>
Date: Mon, 6 Oct 2025 19:26:43 +0900
Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20=ED=86=A0=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EB=A9=94=EC=8B=9C=EC=A7=80=EA=B0=80=20=EC=8A=A4=ED=83=9D?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=8C=93=EC=9D=B4=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/entities/common/Toast/Toast.tsx         | 18 +++++++-----------
 app/entities/common/Toast/ToastProvider.tsx |  9 +++++++--
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/app/entities/common/Toast/Toast.tsx b/app/entities/common/Toast/Toast.tsx
index d7b8e21..7ddfff2 100644
--- a/app/entities/common/Toast/Toast.tsx
+++ b/app/entities/common/Toast/Toast.tsx
@@ -15,23 +15,19 @@ const Toast = ({ message, type, removeToast }: ToastProps) => {
     }
   };
   return (
-    <div className="fixed bottom-6 left-1/2 transform -translate-x-1/2 z-50 w-[90%] max-w-md">
-      <div
-        onClick={() => removeToast()}
-        className={`
+    <div
+      onClick={() => removeToast()}
+      className={`
           transform transition-all duration-300 ease-out animate-slideUp
           bg-gray-200/90 text-black px-4 py-3 rounded-lg flex items-center gap-3 
           backdrop-blur-sm w-full max-w-md origin-center cursor-pointer 
           hover:bg-gray-300/90 hover:shadow-lg
         `}
-      >
-        <div className={`flex items-center justify-center rounded-full p-0.5`}>
-          {iconRender(type)}
-        </div>
-        <p className="text line-clamp-1 whitespace-pre-line flex-1">
-          {message}
-        </p>
+    >
+      <div className={`flex items-center justify-center rounded-full p-0.5`}>
+        {iconRender(type)}
       </div>
+      <p className="text line-clamp-1 whitespace-pre-line flex-1">{message}</p>
     </div>
   );
 };
diff --git a/app/entities/common/Toast/ToastProvider.tsx b/app/entities/common/Toast/ToastProvider.tsx
index 377717b..f1f9b2e 100644
--- a/app/entities/common/Toast/ToastProvider.tsx
+++ b/app/entities/common/Toast/ToastProvider.tsx
@@ -11,9 +11,14 @@ interface Toast {
 const ToastProvider = () => {
   const { toasts, removeToast } = useToastStore();
 
+  const reversedToasts = toasts.toReversed();
   return (
-    <div className={'fixed z-50 flex flex-col gap-2 top-10 right-10'}>
-      {toasts.map((toast: Toast) => {
+    <div
+      className={
+        'fixed bottom-6 left-1/2 transform -translate-x-1/2 flex flex-col gap-4  z-50 w-[90%] max-w-md'
+      }
+    >
+      {reversedToasts.map((toast: Toast) => {
         return (
           <Toast
             key={toast.id}

From 38064eaf4ade54d479255d111331cc72cdb6fac0 Mon Sep 17 00:00:00 2001
From: JeongwooSeo <98446924+ShipFriend0516@users.noreply.github.com>
Date: Tue, 7 Oct 2025 17:56:57 +0900
Subject: [PATCH 3/3] =?UTF-8?q?style:=20=EC=95=A0=EB=8B=88=EB=A9=94?=
 =?UTF-8?q?=EC=9D=B4=EC=85=98,=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=95=BD?=
 =?UTF-8?q?=EA=B0=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/entities/common/Toast/Toast.tsx | 2 +-
 tailwind.config.ts                  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/entities/common/Toast/Toast.tsx b/app/entities/common/Toast/Toast.tsx
index 7ddfff2..1de0308 100644
--- a/app/entities/common/Toast/Toast.tsx
+++ b/app/entities/common/Toast/Toast.tsx
@@ -19,7 +19,7 @@ const Toast = ({ message, type, removeToast }: ToastProps) => {
       onClick={() => removeToast()}
       className={`
           transform transition-all duration-300 ease-out animate-slideUp
-          bg-gray-200/90 text-black px-4 py-3 rounded-lg flex items-center gap-3 
+          bg-gray-200/90 text-black px-3 py-2 rounded-lg flex items-center gap-3 
           backdrop-blur-sm w-full max-w-md origin-center cursor-pointer 
           hover:bg-gray-300/90 hover:shadow-lg
         `}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index b5dcbb2..3513af4 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -39,7 +39,7 @@ const config: Config = {
         },
         slideUp: {
           '0%': {
-            transform: 'translateY(100%)',
+            transform: 'translateY(50%)',
             width: '20%',
             opacity: '0',
           },