clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-27 22:24:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(mobile): add action header for the page block modal

Browse Source
This commit is contained in:
charlie
2025-06-11 14:55:59 +08:00
parent b7b8a4daa6
commit e78d630bbb
2 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/capacitor/components/app.css
View File

@@ -26,7 +26,7 @@ html.plt-capacitor.plt-android {
ion-modal {
ion-content {
#app-container-wrapper {
@apply pt-8;
@apply pt-0;
}
}
}
@@ -99,6 +99,18 @@ ion-buttons {
}
}
.block-modal-page {
> ion-header {
@apply pt-5 pb-1 px-6 flex justify-between bg-white/10;
}
> ion-content {
#app-container-wrapper {
@apply relative -top-6;
}
}
}
ion-tab-bar {
box-shadow: 0 0 1px #999999;
padding-top: 4px;

20
src/main/capacitor/components/modal.cljs
View File

@@ -21,9 +21,17 @@
:mode "ios" ;; force card modal for android
:expand "block"}
(ion/content {:class "ion-padding scrolling"}
(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))))))
(ion/page
{:class "block-modal-page"}
(ion/header
[:span.opacity-40.active:opacity-60
{:on-click #(swap! state/*modal-data assoc :open? false)}
(ion/tabler-icon "chevron-down" {:size 16 :stroke 3})]
[:span.opacity-40.active:opacity-60 (ion/tabler-icon "dots-vertical" {:size 18 :stroke 2})])
(ion/content {:class "ion-padding scrolling"}
(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)))))))