mirror of
https://github.com/penpot/penpot.git
synced 2025-02-10 17:18:21 -05:00
💄 Improve profile styles.
This commit is contained in:
parent
340b1bc269
commit
b5b2a374d8
4 changed files with 18 additions and 31 deletions
|
@ -28,18 +28,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-layout {
|
|
||||||
background-color: $color-white;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: 40px 1fr;
|
|
||||||
grid-template-columns: 1fr;
|
|
||||||
height: 100vh;
|
|
||||||
|
|
||||||
& .settings-content {
|
|
||||||
grid-row: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboard-content {
|
.dashboard-content {
|
||||||
background-color: lighten($color-gray-10, 5%);
|
background-color: lighten($color-gray-10, 5%);
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -49,7 +49,6 @@
|
||||||
|
|
||||||
.input-text {
|
.input-text {
|
||||||
color: $color-gray-60;
|
color: $color-gray-60;
|
||||||
background-color: $color-gray-10;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.btn-primary {
|
||||||
|
|
|
@ -26,14 +26,11 @@
|
||||||
profile (mf/deref refs/profile)]
|
profile (mf/deref refs/profile)]
|
||||||
[:main.settings-main
|
[:main.settings-main
|
||||||
[:& messages-widget]
|
[:& messages-widget]
|
||||||
[:section.settings-layout
|
|
||||||
[:div.settings-content
|
[:div.settings-content
|
||||||
[:div.main-logo {:on-click #(st/emit! (rt/nav :dashboard-team {:team-id "self"}))}
|
|
||||||
i/logo-icon]
|
|
||||||
[:& header {:section section}]
|
[:& header {:section section}]
|
||||||
(case section
|
(case section
|
||||||
:settings-profile (mf/element profile-page)
|
:settings-profile (mf/element profile-page)
|
||||||
:settings-password (mf/element password-page))]]]))
|
:settings-password (mf/element password-page))]]))
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -19,7 +19,10 @@
|
||||||
(let [profile? (= section :settings-profile)
|
(let [profile? (= section :settings-profile)
|
||||||
password? (= section :settings-password)
|
password? (= section :settings-password)
|
||||||
locale (i18n/use-locale)]
|
locale (i18n/use-locale)]
|
||||||
[:header.main-bar
|
[:header
|
||||||
|
[:div.main-logo {:on-click #(st/emit! (rt/nav :dashboard-team {:team-id "self"}))}
|
||||||
|
i/logo-icon]
|
||||||
|
[:section.main-bar
|
||||||
[:nav
|
[:nav
|
||||||
[:a.nav-item
|
[:a.nav-item
|
||||||
{:class (when profile? "current")
|
{:class (when profile? "current")
|
||||||
|
@ -28,5 +31,5 @@
|
||||||
[:a.nav-item
|
[:a.nav-item
|
||||||
{:class (when password? "current")
|
{:class (when password? "current")
|
||||||
:on-click #(st/emit! (rt/nav :settings-password))}
|
:on-click #(st/emit! (rt/nav :settings-password))}
|
||||||
(t locale "settings.password")]]]))
|
(t locale "settings.password")]]]]))
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue