From 95327ec0a4fa7f4067bfffe14327868aa2f0dae3 Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Sat, 2 Aug 2025 22:33:18 +0700
Subject: fix: adjust content height to fit all of it in mobile

---
 internal/lightgallery/html_renderer.go | 2 +-
 static/output.css                      | 3 +++
 views/layouts/blog-page.html           | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/internal/lightgallery/html_renderer.go b/internal/lightgallery/html_renderer.go
index fb65b06..bd73eac 100644
--- a/internal/lightgallery/html_renderer.go
+++ b/internal/lightgallery/html_renderer.go
@@ -87,7 +87,7 @@ function createLightLibrary%s() {
 			closable: false,
 			showMaximizeIcon: true,
 			appendSubHtmlTo: ".lg-sub-html",
-            isMobile: () => { return false; },
+            isMobile: () => false,
 			slideDelay: 0,
 			plugins: [lgZoom, lgThumbnail],
 			thumbWidth: 160,
diff --git a/static/output.css b/static/output.css
index b07fd94..d020762 100644
--- a/static/output.css
+++ b/static/output.css
@@ -247,6 +247,9 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-\[80\%\] {
+    max-height: 80%;
+  }
   .max-w-full {
     max-width: 100%;
   }
diff --git a/views/layouts/blog-page.html b/views/layouts/blog-page.html
index c52e0e4..1ceea4a 100644
--- a/views/layouts/blog-page.html
+++ b/views/layouts/blog-page.html
@@ -116,7 +116,7 @@
             </div>
             <hr class="border-t-4 border-dotted border-main-dark mb-vmin0-8">
 
-            <div class="bg-background-light flex flex-col flex-1 overflow-y-auto inset-shadow p-vmin2-4">
+            <div class="bg-background-light flex flex-col overflow-y-auto inset-shadow p-vmin2-4 max-h-[80%]">
                 {{ .ParsedMarkdownMobile }}
                 {{- if .MapLocationX }}
                 <hr class="border-t-4 border-dotted border-main-dark mt-vmin0-8 mb-vmin0-8 w-p80 ml-auto mr-auto">
-- 
cgit v1.3.1+13