🐛 Use new icons for dashboard/projects

This commit is contained in:
Belén Albeza 2024-02-28 16:49:54 +01:00 committed by Andrey Antukh
parent 372e6b8a88
commit 7d2aef441c
2 changed files with 15 additions and 16 deletions

View file

@ -34,6 +34,9 @@
[potok.v2.core :as ptk]
[rumext.v2 :as mf]))
(def ^:private show-more-icon
(i/icon-xref :arrow-refactor (stl/css :show-more-icon)))
(mf/defc header
{::mf/wrap [mf/memo]}
[]
@ -314,7 +317,7 @@
:aria-label (tr "dashboard.new-file")
:data-test "project-new-file"
:on-key-down handle-create-click}
i/close]
i/add-refactor]
[:button
{:class (stl/css :btn-secondary :btn-small :tooltip :tooltip-bottom)
@ -323,7 +326,7 @@
:aria-label (tr "dashboard.options")
:data-test "project-options"
:on-key-down handle-menu-click}
i/actions]]]]
i/menu-refactor]]]]
[:div {:class (stl/css :grid-container) :ref rowref}
[:& line-grid
@ -343,7 +346,7 @@
(when (kbd/enter? event)
(on-nav)))}
[:div {:class (stl/css :placeholder-label)} (tr "dashboard.show-all-files")]
[:div {:class (stl/css :placeholder-icon)} i/arrow-down]])]))
show-more-icon])]))
(def recent-files-ref

View file

@ -115,9 +115,11 @@
}
.show-more {
align-items: center;
color: $df-secondary;
display: flex;
align-items: center;
column-gap: $s-12;
color: $df-secondary;
font-size: $fs-14;
justify-content: space-between;
cursor: pointer;
@ -129,20 +131,14 @@
&:hover {
color: $da-tertiary;
svg {
fill: $da-tertiary;
}
}
}
.placeholder-icon {
transform: rotate(-90deg);
margin-left: $s-12;
svg {
height: $s-16;
width: $s-16;
fill: $df-secondary;
}
.show-more-icon {
height: $s-16;
width: $s-16;
fill: none;
stroke: currentColor;
}
.team-hero {