Design: Adjust map position
This commit is contained in:
parent
4873c82636
commit
6760421628
@ -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 {
|
||||||
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user