fix: padding

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]

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;
 

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))))))