From 3d5f1d8a66f16db8cf00b4b5d6b5ba732bd89d7a Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 7 Jun 2026 18:35:30 +0900
Subject: [PATCH] =?UTF-8?q?fix(youtube-bot):=20=ED=86=A0=EA=B8=80=20knob?=
 =?UTF-8?q?=20=EC=9C=84=EC=B9=98=EB=A5=BC=20X=EB=B4=87=EA=B3=BC=20?=
 =?UTF-8?q?=EB=8F=99=EC=9D=BC=ED=95=98=EA=B2=8C=20(=EC=83=81=ED=95=98?=
 =?UTF-8?q?=EC=A2=8C=EC=9A=B0=20=EC=97=AC=EB=B0=B1=20=EA=B7=A0=EC=9D=BC)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

knob을 mt-0.5 margin 방식 대신 absolute top-0.5 left-0.5로 위치 지정,
트랙에 relative 추가. 위아래가 잘려 보이던 문제 해결, 4개 토글 모두
X봇 다이얼로그와 동일한 비율로 통일.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../pc/admin/bot/YouTubeBotDialog.jsx         | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/pc/admin/bot/YouTubeBotDialog.jsx b/frontend/src/components/pc/admin/bot/YouTubeBotDialog.jsx
index 13a9d43..588a07a 100644
--- a/frontend/src/components/pc/admin/bot/YouTubeBotDialog.jsx
+++ b/frontend/src/components/pc/admin/bot/YouTubeBotDialog.jsx
@@ -696,13 +696,13 @@ function YouTubeBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
                     <p className="text-sm text-gray-500">매주 특정 요일에 임시 일정을 미리 생성합니다</p>
                   </div>
                   <div
-                    className={`w-11 h-6 rounded-full transition-colors ${
+                    className={`relative w-11 h-6 rounded-full transition-colors ${
                       autoScheduleEnabled ? 'bg-red-500' : 'bg-gray-200'
                     }`}
                   >
                     <div
-                      className={`w-5 h-5 bg-white rounded-full shadow-sm transform transition-transform mt-0.5 ${
-                        autoScheduleEnabled ? 'translate-x-5' : 'translate-x-0.5'
+                      className={`w-5 h-5 absolute top-0.5 left-0.5 bg-white rounded-full shadow transition-transform ${
+                        autoScheduleEnabled ? 'translate-x-5' : ''
                       }`}
                     />
                   </div>
@@ -773,13 +773,13 @@ function YouTubeBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
                         </p>
                       </div>
                       <div
-                        className={`flex-shrink-0 w-11 h-6 rounded-full transition-colors ${
+                        className={`flex-shrink-0 relative w-11 h-6 rounded-full transition-colors ${
                           includeDefaultMembers ? 'bg-red-500' : 'bg-gray-200'
                         }`}
                       >
                         <div
-                          className={`w-5 h-5 bg-white rounded-full shadow-sm transform transition-transform mt-0.5 ${
-                            includeDefaultMembers ? 'translate-x-5' : 'translate-x-0.5'
+                          className={`w-5 h-5 absolute top-0.5 left-0.5 bg-white rounded-full shadow transition-transform ${
+                            includeDefaultMembers ? 'translate-x-5' : ''
                           }`}
                         />
                       </div>
@@ -870,13 +870,13 @@ function YouTubeBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
                         <p className="text-xs text-gray-500">영상 설명에서 멤버 이름을 찾아 자동 연결</p>
                       </div>
                       <div
-                        className={`w-10 h-5 rounded-full transition-colors ${
+                        className={`relative w-10 h-5 rounded-full transition-colors ${
                           extractMembers ? 'bg-red-500' : 'bg-gray-200'
                         }`}
                       >
                         <div
-                          className={`w-4 h-4 bg-white rounded-full shadow-sm transform transition-transform mt-0.5 ${
-                            extractMembers ? 'translate-x-5' : 'translate-x-0.5'
+                          className={`w-4 h-4 absolute top-0.5 left-0.5 bg-white rounded-full shadow transition-transform ${
+                            extractMembers ? 'translate-x-5' : ''
                           }`}
                         />
                       </div>
@@ -892,13 +892,13 @@ function YouTubeBotDialog({ isOpen, onClose, botId = null, onSuccess }) {
                         <p className="text-xs text-gray-500">영상 제목에서 멤버 이름을 찾아 자동 연결</p>
                       </div>
                       <div
-                        className={`w-10 h-5 rounded-full transition-colors ${
+                        className={`relative w-10 h-5 rounded-full transition-colors ${
                           extractMembersFromTitle ? 'bg-red-500' : 'bg-gray-200'
                         }`}
                       >
                         <div
-                          className={`w-4 h-4 bg-white rounded-full shadow-sm transform transition-transform mt-0.5 ${
-                            extractMembersFromTitle ? 'translate-x-5' : 'translate-x-0.5'
+                          className={`w-4 h-4 absolute top-0.5 left-0.5 bg-white rounded-full shadow transition-transform ${
+                            extractMembersFromTitle ? 'translate-x-5' : ''
                           }`}
                         />
                       </div>