fix: [RD] 온보딩 가이드 레이아웃 수정 (스타일 JS 내장, 캐시 무효화)

public/build/manifest.json

@@ -4,7 +4,7 @@
     "src": "node_modules/driver.js/dist/driver.css"
   },
   "resources/css/app.css": {
-    "file": "assets/app-C-Kb46Vq.css",
+    "file": "assets/app-CjSFYhQD.css",
     "src": "resources/css/app.css",
     "isEntry": true,
     "name": "app",
@@ -13,7 +13,7 @@
     ]
   },
   "resources/js/app.js": {
-    "file": "assets/app-CcrxA_wO.js",
+    "file": "assets/app-CkCszyuq.js",
     "name": "app",
     "src": "resources/js/app.js",
     "isEntry": true

resources/css/app.css

@@ -52,3 +52,8 @@ :root {
   --color-base-300: #f3f4f6;
   --color-base-content: #1f2937;
 }
+
+/* driver.js 레이아웃 충돌 방지: 가이드 비활성 시 overflow 보호 */
+#app-container {
+  overflow: hidden !important;
+}

resources/js/onboarding-guide.js

@@ -6,6 +6,21 @@ function loadDriverCss() {
     if (cssLoaded) return;
     cssLoaded = true;
     import('driver.js/dist/driver.css');
+
+    // SAM 커스텀 테마
+    const style = document.createElement('style');
+    style.textContent = `
+        .driver-popover { border-radius: 12px !important; box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important; }
+        .driver-popover-title { font-size: 16px !important; font-weight: 700 !important; color: #1e293b !important; }
+        .driver-popover-description { font-size: 14px !important; color: #475569 !important; line-height: 1.6 !important; }
+        .driver-popover-progress-text { font-size: 12px !important; color: #94a3b8 !important; }
+        .driver-popover-next-btn { background-color: #4f46e5 !important; border-radius: 8px !important; padding: 6px 16px !important; font-size: 13px !important; text-shadow: none !important; }
+        .driver-popover-next-btn:hover { background-color: #4338ca !important; }
+        .driver-popover-prev-btn { border-radius: 8px !important; padding: 6px 16px !important; font-size: 13px !important; color: #6366f1 !important; }
+        .driver-popover-close-btn { color: #94a3b8 !important; }
+        .driver-popover-close-btn:hover { color: #475569 !important; }
+    `;
+    document.head.appendChild(style);
 }
 
 /**

resources/views/rd/onboarding-guide/index.blade.php

@@ -249,50 +249,6 @@
 @endsection
 
 @push('scripts')
-<style>
-    /* Driver.js SAM 커스텀 테마 */
-    .sam-onboarding-popover .driver-popover {
-        border-radius: 12px !important;
-        box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
-    }
-    .driver-popover-title {
-        font-size: 16px !important;
-        font-weight: 700 !important;
-        color: #1e293b !important;
-    }
-    .driver-popover-description {
-        font-size: 14px !important;
-        color: #475569 !important;
-        line-height: 1.6 !important;
-    }
-    .driver-popover-progress-text {
-        font-size: 12px !important;
-        color: #94a3b8 !important;
-    }
-    .driver-popover-next-btn {
-        background-color: #4f46e5 !important;
-        border-radius: 8px !important;
-        padding: 6px 16px !important;
-        font-size: 13px !important;
-        text-shadow: none !important;
-    }
-    .driver-popover-next-btn:hover {
-        background-color: #4338ca !important;
-    }
-    .driver-popover-prev-btn {
-        border-radius: 8px !important;
-        padding: 6px 16px !important;
-        font-size: 13px !important;
-        color: #6366f1 !important;
-    }
-    .driver-popover-close-btn {
-        color: #94a3b8 !important;
-    }
-    .driver-popover-close-btn:hover {
-        color: #475569 !important;
-    }
-</style>
-
 <script type="module">
     // Vite 모듈 로드 후 실행 보장
     const demoGuide = new SamOnboarding('onboarding-demo', [