mirror of https://github.com/logseq/logseq
Use flex gaps for more consistency
parent
7d8c2fbbb8
commit
80acd26330
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
|
|
|
@ -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);
|
||||||
|
|
Loading…
Reference in New Issue