Responsivness in gallery item updated + vimeo not loading issue fixed…

… by replacing the video
adamsochorec · Dec 13, 2024 · 26c527d · 26c527d
1 parent ab8ae4e
commit 26c527d
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 20 deletions.
diff --git a/frontend/components.d.ts b/frontend/components.d.ts
@@ -23,6 +23,7 @@ declare module 'vue' {
     LazyImg: typeof import('./src/components/lazy-img.vue')['default']
     NavBar: typeof import('./src/components/nav-bar.vue')['default']
     Norway: typeof import('./src/components/norway.vue')['default']
+    PanelMenu: typeof import('primevue/panelmenu')['default']
     Privacyoptions: typeof import('./src/components/privacyoptions.vue')['default']
     RequestAProposal: typeof import('./src/components/request-a-proposal.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

diff --git a/frontend/src/components/Footer.vue b/frontend/src/components/Footer.vue
@@ -82,29 +82,32 @@ const currentYear = new Date().getFullYear();
           ></i>
           &nbsp;<span class="underline">Legal</span>
         </router-link>
+        <span class="separator hide-min"></span>
+        <br class="hide-max" />
+
+        <span>
+          ©&nbsp;{{ currentYear }} Slavic Media I/S.<span
+            class="separator"
+          ></span
+          >VAT:&nbsp;DK44081512
+        </span>
+        <span class="separator hide-min"></span>
+        <br class="hide-max" />
+        <a
+          target="_blank"
+          rel="noopener noreferrer nofollow"
+          href="https://datacvr.virk.dk/enhed/virksomhed/44081512?fritekst=slavic%20media&sideIndex=0&size=10"
+          ><span class="underline">Registered company in Denmark</span>
+          <country-flag class="flag" country="dk" size="small" />
+        </a>
       </nav>
-      <span>
-        ©&nbsp;{{ currentYear }} Slavic Media I/S.<span
-          class="separator"
-        ></span
-        >VAT:&nbsp;DK44081512
-      </span>
-      <span class="separator hide-min"></span>
-      <br class="hide-max" />
-      <a
-        target="_blank"
-        rel="noopener noreferrer nofollow"
-        href="https://datacvr.virk.dk/enhed/virksomhed/44081512?fritekst=slavic%20media&sideIndex=0&size=10"
-        ><span class="underline">Registered company in Denmark</span>
-        <country-flag class="flag" country="dk" size="small" />
-      </a>
     </div>
   </footer>
 </template>
 
 <style scoped>
 .separator {
-  margin: 0 var(--grid-gap-1);
+  margin: 0 5px;
 }
 .separator::after {
   content: "|";
@@ -157,7 +160,7 @@ footer hr {
   color: rgba(var(--white-color), 0.3);
 }
 a:hover span,
-button span:hover,
+button.cookie:hover span,
 a .flag,
 a:hover .flag,
 .footer-container:last-of-type a:hover i {
@@ -170,8 +173,7 @@ button span:hover {
   transition: var(--transition-1);
 }
 /* SOCIAL ICONS START */
-footer .social-icons,
-footer .language-container {
+footer .social-icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

diff --git a/frontend/src/components/gallery-item.vue b/frontend/src/components/gallery-item.vue
@@ -161,6 +161,9 @@ const props = defineProps<{
   .gallery .grid-item {
     height: 80px;
   }
+  .gallery .gallery-item:hover p {
+    display: none;
+  }
 }
 @media only screen and (max-width: 500px) {
   .gallery-item .gallery-item-caption {

diff --git a/frontend/src/components/swiper-reels.vue b/frontend/src/components/swiper-reels.vue
@@ -37,6 +37,7 @@ const reels = ref<Reel[]>([
   { id: "DCG1-h3oOqB", flag: "fi" },
   { id: "DBvjlmBoAV4", flag: "fi" },
   { id: "DCgfmD6IQ4x", flag: "fi" },
+  { id: "DDhGm_Fo5eg", flag: "fi" },
 ]);
 
 // Initialize Swiper for the reels section

diff --git a/frontend/src/views/index.vue b/frontend/src/views/index.vue
@@ -20,7 +20,7 @@ onMounted(async () => {
   <article class="main homepage">
     <!-- INTRO VIDEO START -->
     <heroVideo
-      id="987964137"
+      id="1039054657"
       ariaLabel="Showreel 2024 | Slavic Media"
       start="7"
     />