feat(layout): use golden ratio

dargmuesli · Oct 27, 2023 · 4481311 · 4481311
1 parent 6279f0a
commit 4481311
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-col xl:flex-row">
     <aside :aria-label="t('asideLabel')" class="relative flex">
       <div
-        class="flex aspect-[2081/3009] max-h-[80vh] flex-1 xl:fixed xl:h-[100vh] xl:max-h-[none] xl:max-w-[50vw]"
+        class="flex aspect-[2081/3009] max-h-[80vh] flex-1 xl:fixed xl:h-[100vh] xl:max-h-[none] xl:max-w-[38.2vw]"
       >
         <!-- TODO: let preload use fetchpriority="high" -->
         <nuxt-img
@@ -14,7 +14,9 @@
           src="/assets/static/images/tutzing.jpg"
         />
       </div>
-      <div class="hidden aspect-[2081/3009] h-[100vh] max-w-[50vw] xl:block" />
+      <div
+        class="hidden aspect-[2081/3009] h-[100vh] max-w-[38.2vw] xl:block"
+      />
     </aside>
     <div class="p-4 sm:p-8">
       <main class="min-w-0 space-y-6 pb-32 xl:min-h-screen">