Design: Adjust map position

This commit is contained in:
jhynsoo 2024-05-16 09:27:48 +09:00
parent 4873c82636
commit 6760421628
2 changed files with 9 additions and 5 deletions

View File

@ -28,10 +28,10 @@ header {
left: 0; left: 0;
width: 100%; width: 100%;
height: 80px; height: 80px;
background-color: var(--color-background-soft); background-color: var(--color-background);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
box-shadow: 0px 4px 4px #0003;
box-sizing: border-box; box-sizing: border-box;
z-index: 9999;
} }
header a { header a {

View File

@ -1,18 +1,22 @@
<script setup> <script setup>
import AppHeader from '@/components/AppHeader.vue'; 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> </script>
<template> <template>
<AppHeader /> <AppHeader />
<main> <main>
<RouterView /> <KakaoMap />
<SideBar />
</main> </main>
</template> </template>
<style scoped> <style scoped>
main { main {
position: relative; position: absolute;
top: 0;
left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }