change fotn color

This commit is contained in:
Akshay Gupta 2024-08-07 20:58:21 +05:30
parent 02a19a6b33
commit 1434ddb5d5
No known key found for this signature in database
2 changed files with 7 additions and 5 deletions

View file

@ -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}

View file

@ -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;
} }