feat: make sticky header

050644zf · Oct 12, 2024 · a48f8d6 · a48f8d6
1 parent 672a71a
commit a48f8d6
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/reader/src/ASTRv2/header.vue b/reader/src/ASTRv2/header.vue
@@ -1,10 +1,9 @@
 <template>
-  <n-layout-header>
+  <n-layout-header class="header">
     <n-space
       item-style="display: flex; "
       justify="space-between"
       align="center"
-      class="header"
       style="flex-wrap: nowrap"
     >
       <n-space item-style="display: flex;" align="center">
@@ -162,9 +161,12 @@ export default {
 
 <style>
 .header {
+  position: sticky;
+  top: 0;
   background-color: #615c4f;
   font-weight: bold;
   padding: 0px 20px;
+  z-index: 1000; /* 다른 요소 위에 표시되도록 설정 */
 }
 .SettingsBtn {
   font-size: large;