탑바 고정

src/layouts/NormalLayout.vue

@@ -7,6 +7,7 @@
             <div class="layout-page">
                 <!-- Top -->
                 <TheTop />
+
                 <!-- Content -->
                 <div class="content-wrapper">
                     <slot name="content"> body </slot>
@@ -48,12 +49,25 @@
     });
 </script>
 <style>
+    /* 중앙 콘텐츠 자동 조정 */
+    .layout-page {
+        flex-grow: 1;
+        min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
+        margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
+    }
 
-/* 중앙 콘텐츠 자동 조정 */
+    /* top bar 고정1 */
-.layout-page {
+    .layout-navbar-fixed .layout-navbar {
-    flex-grow: 1;
+        position: relative;
-    min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
+        top: 0;
-    margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
+        right: auto;
-}
+        left: 0 !important;
+        width: 96% !important;
+        padding-top: 0 !important;
+    }
 
+    /* top bar 고정2 */
+    .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
+        padding-top: 0 !important;
+    }
 </style>