Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
Code Issues Activity

♻️ Update go back icon on dashboard

Browse source
This commit is contained in:
Eva Marco 2024-03-07 10:36:07 +01:00 • committed by Andrey Antukh
parent cf41982ee2
commit cfffb1e551
2 changed files with 13 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/app/main/ui/settings/sidebar.cljs
View file

@ -20,6 +20,9 @@
[potok.v2.core :as ptk]
[rumext.v2 :as mf]))
(def ^:private arrow-icon
(i/icon-xref :arrow-refactor (stl/css :arrow-icon)))
(def ^:private go-settings-profile
#(st/emit! (rt/nav :settings-profile)))
@ -63,7 +66,7 @@
[:div {:class (stl/css :sidebar-content-section)}
[:div {:class (stl/css :back-to-dashboard)
:on-click go-dashboard}
[:span {:class (stl/css :icon)} i/arrow-down]
arrow-icon
[:span {:class (stl/css :text)} (tr "labels.dashboard")]]]
[:hr]

23
frontend/src/app/main/ui/settings/sidebar.scss
View file

@ -135,25 +135,20 @@
}
.back-to-dashboard {
display: flex;
align-items: center;
padding: $s-12 $s-16;
font-size: $fs-14;
cursor: pointer;
display: flex;
.icon {
display: flex;
align-items: center;
margin-right: $s-12;
}
.text {
color: $df-primary;
}
svg {
fill: $df-secondary;
transform: rotate(90deg);
width: $s-12;
height: $s-12;
}
}
.arrow-icon {
@extend .button-icon;
stroke: var(--icon-foreground);
transform: rotate(180deg);
margin-right: $s-12;
}