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