fix missing mergin/QGIS logo

Author: PeterPetrik

.github/workflows/checks.yml

@@ -3,7 +3,7 @@ on:
   push:
     paths:
     - '**.md'
-    
+
 jobs:
   markdown_checks:
     runs-on: ubuntu-latest

src/.vuepress/components/MerginMapsProject.vue

@@ -1,7 +1,7 @@
 <template>
   <span>
     <a :href="`https://public.cloudmergin.com/projects/${id}/tree`" target="_blank" rel="noopener noreferrer">
-      <img :alt="`Mergin Maps Project ${id}`" :src="`/Mergin.svg`" />
+      <img :alt="`Mergin Maps Project ${id}`" :src="$withBase('/Mergin.svg')" />
       <span v-html="id"></span>
       <span>
         <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound">

src/.vuepress/components/QGISHelp.vue

@@ -1,7 +1,7 @@
 <template>
   <span>
     <a :href="`https://docs.qgis.org/${ver}/en/docs/${link}`" target="_blank" rel="noopener noreferrer">
-      <img alt="QGIS Documentation" :src="`/QGIS.svg`" />
+      <img alt="QGIS Documentation" :src="$withBase('/QGIS.svg')" />
       <span v-html="text"></span>
       <span>
         <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound">

src/.vuepress/components/YouTube.vue

@@ -21,6 +21,7 @@ div {
   width: 100%;
   padding-top: min(500px,56%);
   position: relative;
+  border: 3px solid #eaecef;
 }
 
 iframe {
@@ -29,5 +30,6 @@ iframe {
   left: 0;
   bottom: 0;
   right: 0;
+
 }
 </style>