From a48f8d6f06b722e22362a505e59acb0efccd6d6c Mon Sep 17 00:00:00 2001
From: Yangjin Cho <choyj1222@gmail.com>
Date: Sat, 12 Oct 2024 19:32:54 +0900
Subject: [PATCH] feat: make sticky header

---
 reader/src/ASTRv2/header.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/reader/src/ASTRv2/header.vue b/reader/src/ASTRv2/header.vue
index 646f5e0..344e762 100644
--- 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;