From 5f34cc0cff7742c2f75df8c8183049d624b517d8 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Wed, 22 May 2024 15:24:05 +0900
Subject: [PATCH] Fix: Fix add header position

---
 src/components/AppHeader.vue | 25 ++++++++-----------------
 src/views/BoardView.vue      |  2 +-
 src/views/HomeView.vue       |  3 +++
 src/views/SearchView.vue     |  1 +
 4 files changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 660c6ff..ca40be3 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,14 +1,13 @@
 <script setup>
 import { RouterLink } from 'vue-router';
-import { useMemberStore } from "@/stores/memberStore";
-import { storeToRefs } from "pinia";
+import { useMemberStore } from '@/stores/memberStore';
+import { storeToRefs } from 'pinia';
 
 const memberStore = useMemberStore();
 
-
 const { userLogout } = memberStore;
 const { isLogin } = storeToRefs(memberStore);
-console.log("AppHeader.isLogin",isLogin.value)
+console.log('AppHeader.isLogin', isLogin.value);
 
 const logout = () => {
   userLogout();
@@ -26,20 +25,12 @@ const logout = () => {
         <div class="item"><RouterLink :to="{ name: 'board' }">게시판</RouterLink></div>
 
         <template v-if="isLogin">
-          <router-link :to="{name: 'user-mypage'}">
-            내 정보
-          </router-link>
-          <router-link to="/"  @click.prevent="logout">
-            로그아웃
-          </router-link>
+          <router-link :to="{ name: 'user-mypage' }"> 내 정보 </router-link>
+          <router-link to="/" @click.prevent="logout"> 로그아웃 </router-link>
         </template>
         <template v-else>
-          <router-link :to="{name: 'user-login'}">
-            로그인
-          </router-link>
-          <router-link :to="{name: 'user-mypage'}">
-            회원가입
-          </router-link>
+          <router-link :to="{ name: 'user-login' }"> 로그인 </router-link>
+          <router-link :to="{ name: 'user-mypage' }"> 회원가입 </router-link>
         </template>
       </div>
     </nav>
@@ -48,7 +39,7 @@ const logout = () => {
 
 <style scoped>
 header {
-  position: sticky;
+  position: fixed;
   top: 0;
   left: 0;
   width: 100%;
diff --git a/src/views/BoardView.vue b/src/views/BoardView.vue
index 801adeb..1e53d59 100644
--- a/src/views/BoardView.vue
+++ b/src/views/BoardView.vue
@@ -14,6 +14,6 @@ import AppHeader from '@/components/AppHeader.vue';
 main {
   max-width: 960px;
   padding: 20px;
-  margin: 0 auto;
+  margin: 80px auto 0;
 }
 </style>
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 20e0215..3b42bc1 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -53,6 +53,9 @@ import { RouterLink } from 'vue-router';
 </template>
 
 <style scoped>
+main {
+  margin: 80px auto 0;
+}
 section {
   display: flex;
   align-items: center;
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index 87cda81..988b638 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -22,6 +22,7 @@ import SideBar from '@/components/search/SideBar.vue';
   position: relative;
   width: 100%;
   height: calc(100% - 80px);
+  margin: 80px 0 auto;
 }
 
 main {