fix: the issue in portrait mode with scrolling

refactor: remove aspect ratio rules

1 files changed, 3 insertions, 3 deletions

diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html
index fb018e3..98cbfcf 100644
--- a/views/layouts/general-page.html
+++ b/views/layouts/general-page.html
@@ -475,14 +475,14 @@
             </nav>
 
             <div
-                class="flex flex-1 z-1 bg-paper bg-background shadow-elevation-3 @container/body"
+                class="flex flex-1 min-h-0 z-1 bg-paper bg-background shadow-elevation-3 @container/body"
             >
                 <div
                     class="bg-paper bg-background-dark border-r-2 border-dashed border-main-hard"
                 ></div>
 
                 <div
-                    class="max-h-full max-w-full flex flex-col grow bg-paper bg-background-dark relative pt-4 pr-0 md:pr-4"
+                    class="max-h-full max-w-full flex flex-col grow bg-paper bg-background-dark relative md:pt-4 md:pr-4"
                 >
                     <header
                         id="general-page-header"
@@ -506,7 +506,7 @@
 
                     <main
                         id="general-page-body"
-                        class="relative flex flex-col grow overflow-y-auto"
+                        class="relative flex-1 overflow-y-auto"
                         hx-get="/api/v1/general-page/body{{ if .QueryString }}?{{ .QueryString }}{{ end }}"
                         hx-trigger="load"
                         hx-target="this"