show-map: fix the display of the map in page place

This commit is contained in:
sedum 2023-05-21 22:56:30 +02:00
parent 2af3374476
commit 66265ddc1a

View file

@ -6,9 +6,11 @@
<span v-if='place.name!=="online"' class="d-block text-subtitle text-center w-100">{{ place.address }}</span> <span v-if='place.name!=="online"' class="d-block text-subtitle text-center w-100">{{ place.address }}</span>
<!-- Map --> <!-- Map -->
<div v-if='settings.allow_geolocation && place.latitude && place.longitude' class='my-4'> <div v-if='settings.allow_geolocation && place.latitude && place.longitude' >
<Map :place='place' height="35vh" /> <div class="mt-4 mx-auto px-4" >
<div class='my-4'> <Map :place='place' :height='mapHeight' />
</div>
<div class="mt-4">
<HowToArriveNav :place='place' class="justify-center" /> <HowToArriveNav :place='place' class="justify-center" />
</div> </div>
</div> </div>
@ -34,6 +36,9 @@ export default {
HowToArriveNav, HowToArriveNav,
[process.client && 'Map']: () => import('@/components/Map.vue') [process.client && 'Map']: () => import('@/components/Map.vue')
}, },
data() {
return { mapHeight: "14rem" }
},
head() { head() {
const title = `${this.settings.title} - ${this.place.name}` const title = `${this.settings.title} - ${this.place.name}`
return { return {
@ -41,7 +46,7 @@ export default {
link: [ link: [
{ rel: 'alternate', type: 'application/rss+xml', title, href: this.settings.baseurl + `/feed/rss/place/${this.place.name}` }, { rel: 'alternate', type: 'application/rss+xml', title, href: this.settings.baseurl + `/feed/rss/place/${this.place.name}` },
{ rel: 'alternate', type: 'text/calendar', title, href: this.settings.baseurl + `/feed/ics/place/${this.place.name}` } { rel: 'alternate', type: 'text/calendar', title, href: this.settings.baseurl + `/feed/ics/place/${this.place.name}` }
] ],
} }
}, },
computed: { computed: {