greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use flex gaps for more consistency

pull/5686/head
ranfdev 2022-06-11 14:47:59 +02:00 committed by Tienson Qin
parent 7d8c2fbbb8
commit 80acd26330
3 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -221,7 +221,7 @@
[:div [:div
(toggle)]] (toggle)]]
[:.sidebar-item-list.flex-1.scrollbar-spacing [:.sidebar-item-list.flex-1.scrollbar-spacing.flex.flex-col.gap-2
(if @*anim-finished? (if @*anim-finished?
(for [[idx [repo db-id block-type]] (medley/indexed blocks)] (for [[idx [repo db-id block-type]] (medley/indexed blocks)]
(rum/with-key (rum/with-key

8
src/main/frontend/components/sidebar.cljs
View File

@ -47,7 +47,7 @@
[:div.nav-content-item.is-expand [:div.nav-content-item.is-expand
{:class class} {:class class}
[:div.nav-content-item-inner [:div.nav-content-item-inner
[:div.header.items-center.mb-1 [:div.header.items-center
{:on-click (fn [^js/MouseEvent e] {:on-click (fn [^js/MouseEvent e]
(let [^js target (.-target e) (let [^js target (.-target e)
^js parent (.closest target ".nav-content-item")] ^js parent (.closest target ".nav-content-item")]
@ -223,11 +223,11 @@
(when (some (fn [sel] (boolean (.closest target sel))) (when (some (fn [sel] (boolean (.closest target sel)))
[".favorites .bd" ".recent .bd" ".dropdown-wrapper" ".nav-header"]) [".favorites .bd" ".recent .bd" ".dropdown-wrapper" ".nav-header"])
(close-modal-fn)))} (close-modal-fn)))}
[:div.flex.flex-col.pb-4.wrap [:div.flex.flex-col.pb-4.wrap.gap-4
[:nav.px-4.pt-1.space-y-1 {:aria-label "Sidebar"} [:nav.px-4.flex.flex-col.gap-1 {:aria-label "Sidebar"}
(repo/repos-dropdown) (repo/repos-dropdown)
[:div.nav-header [:div.nav-header.flex.gap-1.flex-col
(if-let [page (:page default-home)] (if-let [page (:page default-home)]
(sidebar-item (sidebar-item
{:class "home-nav" {:class "home-nav"

9
src/main/frontend/components/sidebar.css
View File

@ -92,7 +92,6 @@
a.item { a.item {
user-select: none; user-select: none;
transition: background-color .3s; transition: background-color .3s;
margin-bottom: 2px;
> .ti { > .ti {
font-size: 16px; font-size: 16px;
@ -116,8 +115,6 @@
} }
.nav-content-item { .nav-content-item {
margin-top: 14px;
&-inner { &-inner {
border-radius: 8px; border-radius: 8px;
} }
@ -242,7 +239,7 @@
background-color: var(--ls-secondary-background-color); background-color: var(--ls-secondary-background-color);
> .wrap { > .wrap {
margin-top: 50px; margin-top: 52px;
} }
.new-page { .new-page {
@ -472,9 +469,7 @@ html[data-theme='dark'] {
} }
.sidebar-item { .sidebar-item {
padding-top: 24px; @apply p-4;
padding-bottom: 24px;
margin-bottom: 8px;
.close { .close {
transform: scale(0.8); transform: scale(0.8);