mirror of
https://github.com/penpot/penpot.git
synced 2025-07-10 09:47:17 +02:00
Wrap themes ui in header
This commit is contained in:
parent
a9a5f69c93
commit
88c899c5c6
1 changed files with 50 additions and 41 deletions
|
@ -179,10 +179,19 @@
|
|||
:name @name}))}
|
||||
"Create"]]))
|
||||
|
||||
(mf/defc token-sets
|
||||
(mf/defc themes-sidebar
|
||||
[_props]
|
||||
(let [active-theme-ids (mf/deref refs/workspace-active-theme-ids)
|
||||
(let [open? (mf/use-state true)
|
||||
active-theme-ids (mf/deref refs/workspace-active-theme-ids)
|
||||
themes (mf/deref refs/workspace-ordered-token-themes)]
|
||||
[:div {:class (stl/css :sets-sidebar)}
|
||||
[:div {:class (stl/css :sidebar-header)}
|
||||
[:& title-bar {:collapsable true
|
||||
:collapsed (not @open?)
|
||||
:all-clickable true
|
||||
:title "THEMES"
|
||||
:on-collapsed #(swap! open? not)}]]
|
||||
(when @open?
|
||||
[:div
|
||||
[:style
|
||||
(str "@scope {"
|
||||
|
@ -219,7 +228,7 @@
|
|||
(dom/prevent-default e)
|
||||
(dom/stop-propagation e)
|
||||
(st/emit! (wdt/delete-token-theme id)))}
|
||||
"🗑️"]]]])]])]]]]))
|
||||
"🗑️"]]]])]])]]]])]))
|
||||
|
||||
(mf/defc sets-sidebar
|
||||
[]
|
||||
|
@ -292,8 +301,8 @@
|
|||
[:div {:class (stl/css :sidebar-tab-wrapper)}
|
||||
(when show-sets-section?
|
||||
[:div {:class (stl/css :sets-section-wrapper)}
|
||||
[:& sets-sidebar]
|
||||
[:& token-sets]])
|
||||
[:& themes-sidebar]
|
||||
[:& sets-sidebar]])
|
||||
[:div {:class (stl/css :tokens-section-wrapper)}
|
||||
[:& tokens-explorer]]
|
||||
[:button {:class (stl/css :download-json-button)
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue