3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-14 07:51:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Add some cosmetic changes to sidebar ns

Browse source
This commit is contained in:
Andrey Antukh 2024-08-23 09:58:05 +02:00
parent a091c9c910
commit 868af29d14
1 changed files with 28 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

39
frontend/src/app/main/ui/workspace/sidebar.cljs
View file

@ -73,10 +73,9 @@
on-tab-change on-tab-change
(mf/use-fn #(st/emit! (dw/go-to-layout (keyword %)))) (mf/use-fn #(st/emit! (dw/go-to-layout (keyword %))))
tabs (if ^boolean mode-inspect? layers-tab
#js [#js {:label (tr "workspace.sidebar.layers") (mf/html
:id "layers" [:article {:class (stl/css :layers-tab)
:content (mf/html [:article {:class (stl/css :layers-tab)
:style #js {"--height" (str size-pages "px")}} :style #js {"--height" (str size-pages "px")}}
[:& sitemap {:layout layout [:& sitemap {:layout layout
@ -91,29 +90,23 @@
:on-pointer-move on-pointer-move-pages}]) :on-pointer-move on-pointer-move-pages}])
[:& layers-toolbox {:size-parent size [:& layers-toolbox {:size-parent size
:size size-pages}]])}] :size size-pages}]])
assets-tab
(mf/html [:& assets-toolbox {:size (- size 58)}])
tabs
(if ^boolean mode-inspect?
#js [#js {:label (tr "workspace.sidebar.layers") #js [#js {:label (tr "workspace.sidebar.layers")
:id "layers" :id "layers"
:content (mf/html [:article {:class (stl/css :layers-tab) :content layers-tab}]
:style #js {"--height" (str size-pages "px")}} #js [#js {:label (tr "workspace.sidebar.layers")
:id "layers"
[:& sitemap {:layout layout :content layers-tab}
:toggle-pages toggle-pages
:show-pages? @show-pages?
:size size-pages}]
(when @show-pages?
[:div {:class (stl/css :resize-area-horiz)
:on-pointer-down on-pointer-down-pages
:on-lost-pointer-capture on-lost-pointer-capture-pages
:on-pointer-move on-pointer-move-pages}])
[:& layers-toolbox {:size-parent size
:size size-pages}]])}
#js {:label (tr "workspace.toolbar.assets") #js {:label (tr "workspace.toolbar.assets")
:id "assets" :id "assets"
:content (mf/html [:& assets-toolbox {:size (- size 58)}])}])] :content assets-tab}])]
[:& (mf/provider muc/sidebar) {:value :left} [:& (mf/provider muc/sidebar) {:value :left}
[:aside {:ref parent-ref [:aside {:ref parent-ref