FIX some svg images

inab · Nov 27, 2024 · 4d8d8b7 · 4d8d8b7
1 parent 8dad531
commit 4d8d8b7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/components/TheFooter.vue b/components/TheFooter.vue
@@ -126,7 +126,7 @@
               </p>
             </div>
             <div class="col col-3">
-              <img :src="euFlag" alt="EU logo" class="eu-logo" />
+              <div id="svg-container"></div>
             </div>
           </div>
         </div>
@@ -137,15 +137,13 @@
 
 <script>
 import logo from "~/assets/images/opeb_logo_white_minimal.png";
-import euFlag from "/images/illustrations/eu.svg";
 import footerEntries from "~/components/footerEntries";
 import subMenuEntriesObservatory from "~/components/Header/HeaderMenu/subMenuEntriesObservatory.js";
 import subMenuEntriesAbout from "~/components/Header/HeaderMenu/subMenuEntriesAbout";
 
 export default {
   data: () => ({
     logo,
-    euFlag,
     footers: [
       { headline: "OpenEBench", links: footerEntries },
       { headline: "Observatory", links: subMenuEntriesObservatory },
@@ -261,4 +259,13 @@ export default {
     max-width: 100%;
   }
 }
+
+#svg-container {
+  width: 100%;
+  height: 50px;
+  background-image: url('~/assets/images/eu.svg'); 
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center; 
+}
 </style>
diff --git a/public/images/illustrations/eu.svg b/public/images/illustrations/eu.svg