mirror of
https://github.com/penpot/penpot.git
synced 2025-07-11 00:47:17 +02:00
change fotn color
This commit is contained in:
parent
02a19a6b33
commit
1434ddb5d5
2 changed files with 7 additions and 5 deletions
|
@ -32,7 +32,7 @@
|
||||||
:name "Set Root 2"}})
|
:name "Set Root 2"}})
|
||||||
|
|
||||||
|
|
||||||
(mf/defc render-set
|
(mf/defc sets-tree
|
||||||
[{:keys [set-id]}]
|
[{:keys [set-id]}]
|
||||||
(println "Rendering set with ID:" set-id)
|
(println "Rendering set with ID:" set-id)
|
||||||
(let [set (get sets set-id)]
|
(let [set (get sets set-id)]
|
||||||
|
@ -40,14 +40,15 @@
|
||||||
(let [{:keys [type name children]} set
|
(let [{:keys [type name children]} set
|
||||||
icon (if (= type :group) i/document i/document)] ;; Correct icon for groups
|
icon (if (= type :group) i/document i/document)] ;; Correct icon for groups
|
||||||
[:div {:class (stl/css-case :set-item true :group (= type :group))}
|
[:div {:class (stl/css-case :set-item true :group (= type :group))}
|
||||||
[:div {:class (stl/css :set-icon)} icon]
|
[:div {:class (stl/css :set-icon)}
|
||||||
|
[:svg {:class (stl/css :set-icon-svg)} icon]]
|
||||||
[:span {:class (stl/css :set-name)} name]
|
[:span {:class (stl/css :set-name)} name]
|
||||||
(when children
|
(when children
|
||||||
[:div {:class (stl/css :set-children)}
|
[:div {:class (stl/css :set-children)}
|
||||||
(for [child-id children]
|
(for [child-id children]
|
||||||
(do
|
(do
|
||||||
(println "Rendering child ID:" child-id)
|
(println "Rendering child ID:" child-id)
|
||||||
^{:key (str child-id)} [:& render-set {:key (str child-id):set-id child-id}]))])]))))
|
^{:key (str child-id)} [:& sets-tree {:key (str child-id) :set-id child-id}]))])]))))
|
||||||
|
|
||||||
(mf/defc sets-list
|
(mf/defc sets-list
|
||||||
{::mf/wrap-props false}
|
{::mf/wrap-props false}
|
||||||
|
@ -56,7 +57,7 @@
|
||||||
[:div.assets-bar
|
[:div.assets-bar
|
||||||
(for [set-id sets-root-order]
|
(for [set-id sets-root-order]
|
||||||
^{:key (str set-id)}
|
^{:key (str set-id)}
|
||||||
[:& render-set {:key (str set-id) :set-id set-id}])])
|
[:& sets-tree {:key (str set-id) :set-id set-id}])])
|
||||||
|
|
||||||
(mf/defc sets-sidebar
|
(mf/defc sets-sidebar
|
||||||
{::mf/wrap-props false}
|
{::mf/wrap-props false}
|
||||||
|
|
|
@ -20,7 +20,7 @@
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-left: $s-2;
|
margin-left: $s-2;
|
||||||
color: var(--title-foreground-color-hover);
|
color: var(--layer-row-foreground-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.add-button {
|
.add-button {
|
||||||
|
@ -46,6 +46,7 @@
|
||||||
min-height: $s-32;
|
min-height: $s-32;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
color: var(--layer-row-foreground-color);
|
||||||
&.group {
|
&.group {
|
||||||
padding-left: $s-12;
|
padding-left: $s-12;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue