frontend: remove duplicate zoom control, fix position

Signed-off-by: Nicolas Froger <nicolas@kektus.xyz>
This commit is contained in:
Nicolas Froger 2024-07-26 15:34:49 +02:00
commit da9bd21c45
No known key found for this signature in database
2 changed files with 13 additions and 6 deletions

View file

@ -2,9 +2,20 @@
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body {
font-family: 'Raleway', sans-serif;
font-family: 'Raleway', sans-serif;
}
#kektus {
font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat', sans-serif;
}
.ol-zoom {
top: 120px !important;
left: .5em;
}
@media screen and (min-width: 500px) {
.ol-zoom {
top: 70px !important;
}
}

View file

@ -37,7 +37,6 @@ onMounted(() => {
<ol-source-osm />
</ol-tile-layer>
<ol-scaleline-control />
<ol-zoom-control zoomInLabel="+" zoomOutLabel="-" />
<ol-overlay
v-for="post in postStore.posts" :key="post.id"
@ -82,7 +81,4 @@ onMounted(() => {
</template>
<style scoped>
.ol-zoom {
top: 70px !important;
}
</style>