Merge pull request #99 from TypedDevs/fix-logo-tilt

Fix hero image tilt
TypedDevs · Sep 17, 2023 · 03d3438 · 03d3438
2 parents 6aba585 + a9f0baa
commit 03d3438
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -162,6 +162,11 @@ h1, h2, h3, h4, h5, h6 {
   --vp-home-hero-name-color: #eceeee;
 }
 
+.VPHero .VPImage {
+  translate: -50% -50%;
+  transform: none;
+}
+
 .VPFeature .VPImage {
   all: unset;
   background: #2e3436;
@@ -172,8 +177,3 @@ h1, h2, h3, h4, h5, h6 {
   object-fit: contain;
   object-position: center;
 }
-
-.VPHero .VPImage {
-  translate: -50% -50%;
-  transform: none;
-}
diff --git a/docs/index.md b/docs/index.md
@@ -37,14 +37,15 @@ features:
 ---
 
 <script setup lang="ts">
+import { onMounted } from 'vue';
 import VanillaTilt from 'vanilla-tilt';
 
-window.onload = () => {
+onMounted(() => {
   const heroImage = document.querySelector('.VPHero .VPImage');
 
   VanillaTilt.init(heroImage, {
     'full-page-listening': true,
     reverse: true
   });
-};
+});
 </script>