From 193414b9680ae29ff713153db7967a79194fe682 Mon Sep 17 00:00:00 2001
From: park521 <gh10035@naver.com>
Date: Sat, 15 Feb 2025 13:06:02 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=20:sparkles:=20feat=20:=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=ED=86=A0=EC=8A=A4=ED=8A=B8=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json  | 14 ++++++++++++++
 package.json       |  1 +
 src/app/layout.tsx |  3 +++
 3 files changed, 18 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index d2feb38..252d12d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,6 +22,7 @@
         "react-hook-form": "^7.54.2",
         "react-range": "^1.10.0",
         "react-slick": "^0.30.3",
+        "react-toastify": "^11.0.3",
         "slick-carousel": "^1.8.1",
         "yup": "^1.6.1"
       },
@@ -5840,6 +5841,19 @@
         "react-dom": "^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/react-toastify": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/react-toastify/-/react-toastify-11.0.3.tgz",
+      "integrity": "sha512-cbPtHJPfc0sGqVwozBwaTrTu1ogB9+BLLjd4dDXd863qYLj7DGrQ2sg5RAChjFUB4yc3w8iXOtWcJqPK/6xqRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
diff --git a/package.json b/package.json
index 2ff1532..124a3d0 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "react-hook-form": "^7.54.2",
     "react-range": "^1.10.0",
     "react-slick": "^0.30.3",
+    "react-toastify": "^11.0.3",
     "slick-carousel": "^1.8.1",
     "yup": "^1.6.1"
   },
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 12f4d76..580f0b9 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import localFont from 'next/font/local';
 import { AuthProvider } from '@/contexts/AuthProvider';
 import './globals.css';
+import { ToastContainer } from 'react-toastify';
 
 const pretendard = localFont({
   src: '../fonts/PretendardVariable.woff2',
@@ -19,6 +20,8 @@ export default function RootLayout({
         <AuthProvider>
           {children}
           <div id='modal-root'></div>
+
+          <ToastContainer toastStyle={{ minHeight: 'unset' }} autoClose={2000} closeButton={false} hideProgressBar position='bottom-center' />
         </AuthProvider>
       </body>
     </html>

From dac404daef3d0953b54b36dcdedd818005f18adb Mon Sep 17 00:00:00 2001
From: LMS10 <ggb7410@naver.com>
Date: Sat, 15 Feb 2025 15:27:56 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=92=84=20design=20:=20=ED=86=A0?=
 =?UTF-8?q?=EC=8A=A4=ED=8A=B8=20css=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/layout.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 580f0b9..7db81b3 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,7 @@
 import localFont from 'next/font/local';
 import { AuthProvider } from '@/contexts/AuthProvider';
 import './globals.css';
-import { ToastContainer } from 'react-toastify';
+import { ToastContainer, Slide } from 'react-toastify';
 
 const pretendard = localFont({
   src: '../fonts/PretendardVariable.woff2',
@@ -21,7 +21,26 @@ export default function RootLayout({
           {children}
           <div id='modal-root'></div>
 
-          <ToastContainer toastStyle={{ minHeight: 'unset' }} autoClose={2000} closeButton={false} hideProgressBar position='bottom-center' />
+          <ToastContainer
+            toastStyle={{
+              minHeight: 'unset',
+              minWidth: 'unset',
+              marginBottom: '30px',
+            }}
+            toastClassName='flex w-fit items-center justify-center rounded-[12px] bg-gray-800 px-7 py-[10px] text-lg text-white mobile:text-md'
+            position='bottom-center'
+            autoClose={2000}
+            icon={false}
+            closeButton={false}
+            hideProgressBar
+            newestOnTop={false}
+            pauseOnFocusLoss
+            draggable
+            closeOnClick={true}
+            pauseOnHover
+            transition={Slide}
+            limit={3}
+          />
         </AuthProvider>
       </body>
     </html>