From 88244f64a8e08a41bd953e7da72934cba14114db Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Fri, 17 Oct 2025 02:12:52 +0700
Subject: feat: translate the remainings of vh/vw to dvh/dvw

---
 views/index.html                | 8 ++++----
 views/layouts/general-page.html | 4 ++--
 views/pages/blog-catalogue.html | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

(limited to 'views')

diff --git a/views/index.html b/views/index.html
index c81d4b7..c754a08 100644
--- a/views/index.html
+++ b/views/index.html
@@ -12,8 +12,8 @@
     <style>
         .menu-outer-body {
             border-radius: 10%;
-            width: 40vh;
-            height: 30vh;
+            width: 40dvh;
+            height: 30dvh;
         }
 
         .menu-inner-body {
@@ -35,8 +35,8 @@
             }
 
             .menu-outer-body {
-                width: min(40vh, 100vw);
-                height: 40vh;
+                width: min(40dvh, 100dvw);
+                height: 40dvh;
                 border-radius: 0;
             }
 
diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index f38598b..dc78e09 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -198,7 +198,7 @@
     </div>
 
     <div class="bg-background-dark flex z-10 w-[min(90dvw,100dvh)] grow-0 ar-lt-0.8:w-screen h-screen ar-lt-0.8:max-h-[92dvh]">
-        <div class="pl-[0.5vw] bg-background-dark border-r-2 border-dashed border-main-dark"></div>
+        <div class="pl-[0.5dvw] bg-background-dark border-r-2 border-dashed border-main-dark"></div>
 
         <div class="max-h-100% flex flex-col grow bg-background-dark relative pt-4 ml-8 pr-4">
             <div id="general-page-header" class="max-xs:hidden flex flex-col basis-8"
@@ -221,7 +221,7 @@
             <hr class="border-t-4 border-dotted border-main-dark mb-2">
         </div>
 
-        <div class="pr-[0.5vw] bg-background-dark shadow-2xl border-l-2 border-dotted border-main-dark"></div>
+        <div class="pr-[0.5dvw] bg-background-dark shadow-2xl border-l-2 border-dotted border-main-dark"></div>
     </div>
 
     <script src="https://f003.backblazeb2.com/file/sayana-static/libs/htmx/2.0.6/htmx.min.js"></script>
diff --git a/views/pages/blog-catalogue.html b/views/pages/blog-catalogue.html
index 05a7bc5..3845275 100644
--- a/views/pages/blog-catalogue.html
+++ b/views/pages/blog-catalogue.html
@@ -50,7 +50,7 @@
         </div>
     </form>
 
-    <div class="w-[0.5vh] border-r-2 border-dotted border-main-dark bg-background-dark"></div>
+    <div class="w-[0.5dvh] border-r-2 border-dotted border-main-dark bg-background-dark"></div>
 
     <div hx-get="/api/v1/blog-search" hx-vals='js:{lang: "{{ .Lang }}", tz: clientTimeZone}' hx-target="this" hx-swap="innerHTML" hx-trigger="load" hx-include=".tags-list"
         class="blog-cards grow flex flex-col overflow-y-auto bg-background-light inset-shadow p-6">
-- 
cgit v1.3.1+13