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

🐛 Use new icons for dashboard/projects

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

9
frontend/src/app/main/ui/dashboard/projects.cljs
View file

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

22
frontend/src/app/main/ui/dashboard/projects.scss
View file

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