diff options
| author | 2025-10-17 02:12:52 +0700 | |
|---|---|---|
| committer | 2025-10-17 02:12:52 +0700 | |
| commit | 88244f64a8e08a41bd953e7da72934cba14114db (patch) | |
| tree | f9aea7a86461b2c074e8d12adab8417d4dd2a506 /views | |
| parent | 75c0ddd818efc983db47ec207bd680b7773bd9cd (diff) | |
| download | web-88244f64a8e08a41bd953e7da72934cba14114db.tar.gz web-88244f64a8e08a41bd953e7da72934cba14114db.zip | |
feat: translate the remainings of vh/vw to dvh/dvw
Diffstat (limited to 'views')
| -rw-r--r-- | views/index.html | 8 | ||||
| -rw-r--r-- | views/layouts/general-page.html | 4 | ||||
| -rw-r--r-- | views/pages/blog-catalogue.html | 2 |
3 files changed, 7 insertions, 7 deletions
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"> |