diff options
| author |  SayaAndy <montferrat@tuta.io>
| 2025-10-17 02:12:52 +0700 |
|---|---|---|
| committer | SayaAndy <montferrat@tuta.io>
| 2025-10-17 02:18:39 +0700 |
| commit | 8b5f7745c09bfd498c13274385746cd222e5f563 (patch) | |
| tree | ce5f48e0d82743c56845ecd62e07d07afb23d988 /views/layouts/general-page.html | |
| parent | 88244f64a8e08a41bd953e7da72934cba14114db (diff) | |
| download | web-8b5f7745c09bfd498c13274385746cd222e5f563.tar.gz web-8b5f7745c09bfd498c13274385746cd222e5f563.zip | |
feat: translate the remainings of vh/vw to dvh/dvw
Diffstat (limited to 'views/layouts/general-page.html')
| -rw-r--r-- | views/layouts/general-page.html | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index dc78e09..c320666 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -12,7 +12,7 @@ <link href="/output.css" rel="stylesheet"> </head> -<body data-theme="ram" class="font-spectral text-main-dark overflow-hidden bg-interlocked-hexagons h-screen flex flex-row ar-lt-0.8:flex-col"> +<body data-theme="ram" class="font-spectral text-main-dark overflow-hidden bg-interlocked-hexagons h-[100dvh] flex flex-row ar-lt-0.8:flex-col"> <script> let map = null; @@ -170,7 +170,7 @@ const clientTimeZone = Intl.DateTimeFormat().resolvedOptions().timeZone; </script> - <div id="sidebar" class="bg-sidebar flex sticky flex-col ar-gt-0.8:items-center shadow-2xl z-20 w-[5dvw] ar-lt-0.8:w-screen h-screen ar-lt-0.8:h-[8dvh]"> + <div id="sidebar" class="bg-sidebar flex sticky flex-col ar-gt-0.8:items-center shadow-2xl z-20 w-[5dvw] ar-lt-0.8:w-[100dvw] h-[100dvh] ar-lt-0.8:h-[8dvh]"> <div class="logo-custom ar-lt-0.8:hidden text-sidebar font-patua font-extrabold text-center relative z-20"> saya.today </div> @@ -197,7 +197,7 @@ </div> </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="bg-background-dark flex z-10 w-[min(90dvw,100dvh)] grow-0 ar-lt-0.8:w-[100dvw] h-[100dvh] ar-lt-0.8:max-h-[92dvh]"> <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"> |