Remove tooltips for fullscreen portfolio videos.

wildgracevideo · Apr 19, 2024 · 100698b · 100698b
1 parent 655bb98
commit 100698b
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/components/PortfolioPage.vue b/components/PortfolioPage.vue
@@ -2,7 +2,7 @@
     <OgMeta :title="pageTitle" :description="description" />
     <SchemaOrgWebPage :name="pageTitle" />
     <h1 class="mb-8 text-center text-4xl">{{ heading }}</h1>
-    <div class="mx-0 mb-16 mt-16 grid grid-cols-1 gap-8 sm:mx-8 xl:grid-cols-2">
+    <div v-if="!hideAllVideos" class="mx-0 mb-16 mt-16 grid grid-cols-1 gap-8 sm:mx-8 xl:grid-cols-2">
         <section v-for="item in videos" :key="item.id" class="w-full">
             <LazyVideo :video="item.videoInfo" :video-title="item.title" />
         </section>
@@ -23,5 +23,17 @@
         }[];
     }
 
+    const hideAllVideos = ref(false);
+
     defineProps<Portfolio>();
+
+    onMounted(() => {
+        window.addEventListener("fullscreenchange", (event: Event | null) => {
+            if (event) {
+                hideAllVidoes.value = true;
+            } else {
+                hideAllVidoes.value = false;
+            }
+        });
+    });
 </script>