mirror of
https://github.com/penpot/penpot.git
synced 2025-05-10 18:16:37 +02:00
🐛 Use new icons for dashboard/projects
This commit is contained in:
parent
372e6b8a88
commit
7d2aef441c
2 changed files with 15 additions and 16 deletions
|
@ -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
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue