clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-29 23:19:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(mobile): reuse left sidebar style

Browse Source
This commit is contained in:
charlie
2025-08-06 15:21:09 +08:00
parent a14cd54767
commit dbfadca825
5 changed files with 26 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/frontend/components/container.cljs
View File

@@ -444,7 +444,7 @@
[close-signal])
[:<>
[:div.left-sidebar-inner.flex-1.flex.flex-col.min-h-0
[:div.left-sidebar-inner.as-container.flex-1.flex.flex-col.min-h-0
{:key "left-sidebar"
:ref ref-el
:style (cond-> {}

12
src/main/frontend/components/container.css
View File

@@ -59,12 +59,14 @@
}
.left-sidebar-inner {
@apply relative h-full pt-3 overflow-y-auto overflow-x-hidden transition-transform;
@apply transform-gpu translate-x-[-100%] z-[3] antialiased;
&.as-container {
@apply relative h-full pt-3 overflow-y-auto overflow-x-hidden transition-transform;
@apply transform-gpu translate-x-[-100%] z-[3] antialiased;
width: var(--ls-left-sidebar-sm-width);
background-color: var(--left-sidebar-bg-color);
border-right: 1px solid var(--lx-gray-03, var(--ls-tertiary-background-color));
width: var(--ls-left-sidebar-sm-width);
background-color: var(--left-sidebar-bg-color);
border-right: 1px solid var(--lx-gray-03, var(--ls-tertiary-background-color));
}
> .wrap {
@apply flex flex-col relative w-full mt-6;

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

@@ -74,7 +74,7 @@ body {
}
ul {
@apply !list-disc ml-1 mt-2 list-inside;
@apply list-disc ml-1 mt-2 list-inside;
li {
@apply pl-0;
@@ -466,4 +466,16 @@ html[data-silk-native-page-scroll-replaced=false] .app-silk-index-scroll-view {
}
}
}
}
.left-sidebar-inner {
@apply -mx-4;
a {
@apply text-gray-12 dark:text-gray-11;
.page-title {
display: flex !important;
}
}
}

7
src/main/mobile/components/left_sidebar.cljs
View File

@@ -21,6 +21,7 @@
{:class "flex flex-col items-center p-2"}
(silkhq/sidebar-sheet-handle)
[:div.w-full.app-silk-popup-content-inner.p-2
[:div.sidebar-contents-container.mt-8
(container/sidebar-favorites)
(container/sidebar-recent-pages)]]))))))
[:div.left-sidebar-inner
[:div.sidebar-contents-container.mt-8
(container/sidebar-favorites)
(container/sidebar-recent-pages)]]]))))))