adding desktop attribution

earthrise-media · Apr 11, 2024 · 3545835 · 3545835
1 parent a9e9356
commit 3545835
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/vacs-map-app/src/assets/img/logos/agmip_eg_plotline_white.png b/vacs-map-app/src/assets/img/logos/agmip_eg_plotline_white.png
diff --git a/vacs-map-app/src/components/OverviewTop.vue b/vacs-map-app/src/components/OverviewTop.vue
@@ -25,6 +25,8 @@
         <NavigationButton :to="backRoute" class="mobile">
           <img src="@/assets/img/back-arrow.svg" alt="" />
         </NavigationButton>
+        <attributionLogo></attributionLogo>
+
       </div>
     </div>
   </div>
@@ -37,6 +39,7 @@ import { storeToRefs } from 'pinia'
 import { useContentStore } from '@/stores/siteContent'
 import { useColorStore } from '@/stores/colors'
 import NavigationButton from '@/components/NavigationButton.vue'
+import attributionLogo from '@/components/attributionLogo.vue'
 
 const linkCopied = ref(false)
 const route = useRoute()

diff --git a/vacs-map-app/src/components/attributionLogo.vue b/vacs-map-app/src/components/attributionLogo.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="attribution-logo">
+    <img src="@/assets/img/logos/agmip_eg_plotline_white.png" alt="attribution Logo" />
+  </div>
+</template>
+
+<style scoped>
+.attribution-logo img {
+  width: 200px;
+  height: auto;
+  /* background-color: pink; */
+}
+@media only screen and (max-width: 720px) {
+  /* don't show */
+  .attribution-logo {
+    display: none;
+  }
+}
+</style>