From e07722aa14d806f16d41deee531723b04021ca53 Mon Sep 17 00:00:00 2001
From: Tienson Qin <tiensonqin@gmail.com>
Date: Tue, 3 Jun 2025 06:40:29 +0800
Subject: [PATCH] fix: padding

---
 src/main/capacitor/components/app.cljs   | 3 ++-
 src/main/capacitor/components/app.css    | 6 +-----
 src/main/capacitor/components/modal.cljs | 4 +++-
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/main/capacitor/components/app.cljs b/src/main/capacitor/components/app.cljs
index 0f5ee08f31..29f5736aec 100644
--- a/src/main/capacitor/components/app.cljs
+++ b/src/main/capacitor/components/app.cljs
@@ -152,7 +152,8 @@
      (ion/content
       [:strong.flex.justify-center.items-center.py-24
        (ion/tabler-icon "loader" {:class "animate animate-spin opacity-50" :size 30})])
-     (ion/content (journals)))))
+     (ion/content {:class "ion-padding"}
+                  (journals)))))
 
 (rum/defc home < rum/reactive
   {:did-mount (fn [state]
diff --git a/src/main/capacitor/components/app.css b/src/main/capacitor/components/app.css
index dbc3c403f5..1063db9a33 100644
--- a/src/main/capacitor/components/app.css
+++ b/src/main/capacitor/components/app.css
@@ -27,15 +27,11 @@ html.plt-capacitor.plt-android {
 html.has-mobile-keyboard {
   .ion-page:not(.ion-page-hidden) {
     & > ion-content::part(scroll) {
-      padding-bottom: 100px !important;
+      padding-bottom: 512px !important;
     }
   }
 }
 
-.page {
-  @apply px-3;
-}
-
 ul {
   @apply !list-disc ml-1 mt-2 list-inside;
 
diff --git a/src/main/capacitor/components/modal.cljs b/src/main/capacitor/components/modal.cljs
index 1de2dc7bd3..db8007259c 100644
--- a/src/main/capacitor/components/modal.cljs
+++ b/src/main/capacitor/components/modal.cljs
@@ -1,5 +1,6 @@
 (ns capacitor.components.modal
   (:require ["../externals.js"]
+            [capacitor.components.ui :as ui]
             [capacitor.ionic :as ion]
             [capacitor.state :as state]
             [frontend.components.page :as page]
@@ -19,7 +20,8 @@
       :onDidDismiss (fn [] (state/set-modal! nil))
       :expand "block"}
      (ion/content {:class "ion-padding"}
-                  (page/page-cp (db/entity [:block/uuid (:block/uuid block)]))
+                  (ui/classic-app-container-wrap
+                   (page/page-cp (db/entity [:block/uuid (:block/uuid block)])))
                   (mobile-bar/mobile-bar)
                   (when show-action-bar?
                     (action-bar/action-bar))))))