From 2443d53ce2f68eb39e8c69957c705b86107103eb Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 31 Dec 2025 22:38:21 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=EB=85=84=EC=9B=94=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=ED=86=A0=EA=B8=80=20=EB=8F=99=EC=9E=91=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20=EB=B0=8F=20JSX=20=EA=B5=AC=EC=A1=B0=20=EC=A0=95?=
 =?UTF-8?q?=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/pc/Schedule.jsx | 49 +++++++++++++++---------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/frontend/src/pages/pc/Schedule.jsx b/frontend/src/pages/pc/Schedule.jsx
index dad1e7a..db7f5d8 100644
--- a/frontend/src/pages/pc/Schedule.jsx
+++ b/frontend/src/pages/pc/Schedule.jsx
@@ -122,31 +122,24 @@ function Schedule() {
                                 >
                                     <ChevronLeft size={24} />
                                 </button>
-                                <button
-                                    onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}
-                                    className="flex items-center gap-1 text-xl font-bold hover:text-primary transition-colors"
-                                >
-                                    <span>{year}년 {month + 1}월</span>
-                                    <ChevronDown size={20} className={`transition-transform ${showYearMonthPicker ? 'rotate-180' : ''}`} />
-                                </button>
-                                <button
-                                    onClick={nextMonth}
-                                    className="p-2 hover:bg-gray-100 rounded-full transition-colors"
-                                >
-                                    <ChevronRight size={24} />
-                                </button>
-                            </div>
-
-                            {/* 년/월 선택 팝업 */}
-                            <AnimatePresence>
-                                {showYearMonthPicker && (
-                                    <motion.div
-                                        ref={pickerRef}
-                                        initial={{ opacity: 0, y: -10 }}
-                                        animate={{ opacity: 1, y: 0 }}
-                                        exit={{ opacity: 0, y: -10 }}
-                                        className="absolute top-20 left-8 right-8 bg-white rounded-xl shadow-lg border border-gray-100 p-4 z-10"
+                                <div ref={pickerRef} className="relative">
+                                    <button
+                                        onClick={() => setShowYearMonthPicker(!showYearMonthPicker)}
+                                        className="flex items-center gap-1 text-xl font-bold hover:text-primary transition-colors"
                                     >
+                                        <span>{year}년 {month + 1}월</span>
+                                        <ChevronDown size={20} className={`transition-transform ${showYearMonthPicker ? 'rotate-180' : ''}`} />
+                                    </button>
+
+                                    {/* 년/월 선택 팝업 */}
+                                    <AnimatePresence>
+                                        {showYearMonthPicker && (
+                                            <motion.div
+                                                initial={{ opacity: 0, y: -10 }}
+                                                animate={{ opacity: 1, y: 0 }}
+                                                exit={{ opacity: 0, y: -10 }}
+                                                className="absolute top-12 left-1/2 -translate-x-1/2 w-72 bg-white rounded-xl shadow-lg border border-gray-100 p-4 z-10"
+                                            >
                                         {/* 년도 선택 */}
                                         <div className="mb-4 text-center">
                                             <p className="text-sm font-medium text-gray-500 mb-3">년도</p>
@@ -188,6 +181,14 @@ function Schedule() {
                                     </motion.div>
                                 )}
                             </AnimatePresence>
+                                </div>
+                                <button
+                                    onClick={nextMonth}
+                                    className="p-2 hover:bg-gray-100 rounded-full transition-colors"
+                                >
+                                    <ChevronRight size={24} />
+                                </button>
+                            </div>
 
                             {/* 요일 헤더 */}
                             <div className="grid grid-cols-7 mb-4">