diff --git a/src/components/project.vue b/src/components/project.vue index 1b2669f..fcdd73a 100644 --- a/src/components/project.vue +++ b/src/components/project.vue @@ -313,7 +313,7 @@ export default { //TODO Use same way of displaying markers (so that openMarkerPopup works on all markers) this.markers.medias.forEach(msg => { const $Marker = document.createElement('div'); - const app = createApp(SpotIconStack, {iconMain: 'media', iconSub: msg.subtype+'-in'}); + const app = createApp(SpotIconStack, {mainClasses: 'media', iconMain: 'marker', iconSub: msg.subtype}); app.mount($Marker); const $Popup = document.createElement('div'); diff --git a/src/components/projectPost.vue b/src/components/projectPost.vue index c77e646..a4de4a1 100644 --- a/src/components/projectPost.vue +++ b/src/components/projectPost.vue @@ -167,7 +167,7 @@ {{ options.weather_temp+'°C' }} - +
diff --git a/src/components/spotIconStack.vue b/src/components/spotIconStack.vue index 875c3c8..788c4dc 100644 --- a/src/components/spotIconStack.vue +++ b/src/components/spotIconStack.vue @@ -6,16 +6,22 @@ export default { spotIcon }, props: { + mainClasses: String, iconMain: String, iconMainClasses: String, iconSub: String, iconSubClasses: String, + }, + computed: { + mainClass() { + return 'icon-stack fa-stack clickable'+(this.mainClasses?' '+this.mainClasses:''); + } } }