탑바 고정

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,7 +49,6 @@
     });
 </script>
 <style>
-
     /* 중앙 콘텐츠 자동 조정 */
     .layout-page {
         flex-grow: 1;
@@ -56,4 +56,18 @@
         margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
     }
 
+    /* top bar 고정1 */
+    .layout-navbar-fixed .layout-navbar {
+        position: relative;
+        top: 0;
+        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>