3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-04 04:01:41 +02:00
Code Issues Projects Releases Packages Wiki 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
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] [potok.v2.core :as ptk]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(def ^:private arrow-icon
(i/icon-xref :arrow-refactor (stl/css :arrow-icon)))
(def ^:private go-settings-profile (def ^:private go-settings-profile
#(st/emit! (rt/nav :settings-profile))) #(st/emit! (rt/nav :settings-profile)))
@ -63,7 +66,7 @@
[:div {:class (stl/css :sidebar-content-section)} [:div {:class (stl/css :sidebar-content-section)}
[:div {:class (stl/css :back-to-dashboard) [:div {:class (stl/css :back-to-dashboard)
:on-click go-dashboard} :on-click go-dashboard}
[:span {:class (stl/css :icon)} i/arrow-down] arrow-icon
[:span {:class (stl/css :text)} (tr "labels.dashboard")]]] [:span {:class (stl/css :text)} (tr "labels.dashboard")]]]
[:hr] [:hr]

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

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