From 6760421628ed85f7a243a4b56820f7fe00da0494 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Thu, 16 May 2024 09:27:48 +0900
Subject: [PATCH] Design: Adjust map position

---
 src/components/AppHeader.vue |  4 ++--
 src/views/SearchView.vue     | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index c4cd744..26bd8df 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -28,10 +28,10 @@ header {
   left: 0;
   width: 100%;
   height: 80px;
-  background-color: var(--color-background-soft);
+  background-color: var(--color-background);
   border-bottom: 1px solid var(--color-border);
-  box-shadow: 0px 4px 4px #0003;
   box-sizing: border-box;
+  z-index: 9999;
 }
 
 header a {
diff --git a/src/views/SearchView.vue b/src/views/SearchView.vue
index ef5ddd2..91bd6a7 100644
--- a/src/views/SearchView.vue
+++ b/src/views/SearchView.vue
@@ -1,18 +1,22 @@
 <script setup>
 import AppHeader from '@/components/AppHeader.vue';
-import { RouterView } from 'vue-router';
+import KakaoMap from '@/components/common/KakaoMap.vue';
+import SideBar from '@/components/search/SideBar.vue';
 </script>
 
 <template>
   <AppHeader />
   <main>
-    <RouterView />
+    <KakaoMap />
+    <SideBar />
   </main>
 </template>
 
 <style scoped>
 main {
-  position: relative;
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
 }