fix: remove layout shift on the cute logo

vuejs · Apr 30, 2024 · b81f7e3 · b81f7e3
1 parent 7ae6897
commit b81f7e3
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/.vitepress/theme/components/Home.vue b/.vitepress/theme/components/Home.vue
@@ -19,7 +19,12 @@ onMounted(async () => {
     <img
       v-if="uwu"
       src="/logo-uwu.svg"
-      style="width: 100%; max-width: 580px; margin: -80px auto -20px"
+      style="
+        width: 100%;
+        max-width: 580px;
+        margin: -80px auto -20px;
+        aspect-ratio: 145 / 91;
+      "
     />
     <h1 class="tagline">
       The