0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-09 16:48:16 -05:00

💄 Improve profile styles.

This commit is contained in:
Andrey Antukh 2020-03-26 14:44:18 +01:00
parent 340b1bc269
commit b5b2a374d8
4 changed files with 18 additions and 31 deletions

View file

@ -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 {
background-color: lighten($color-gray-10, 5%);
display: flex;

View file

@ -49,7 +49,6 @@
.input-text {
color: $color-gray-60;
background-color: $color-gray-10;
}
.btn-primary {

View file

@ -26,14 +26,11 @@
profile (mf/deref refs/profile)]
[:main.settings-main
[:& messages-widget]
[:section.settings-layout
[:div.settings-content
[:div.main-logo {:on-click #(st/emit! (rt/nav :dashboard-team {:team-id "self"}))}
i/logo-icon]
[:& header {:section section}]
(case section
:settings-profile (mf/element profile-page)
:settings-password (mf/element password-page))]]]))
[:div.settings-content
[:& header {:section section}]
(case section
:settings-profile (mf/element profile-page)
:settings-password (mf/element password-page))]]))

View file

@ -19,14 +19,17 @@
(let [profile? (= section :settings-profile)
password? (= section :settings-password)
locale (i18n/use-locale)]
[:header.main-bar
[:nav
[:a.nav-item
{:class (when profile? "current")
:on-click #(st/emit! (rt/nav :settings-profile))}
(t locale "settings.profile")]
[:a.nav-item
{:class (when password? "current")
:on-click #(st/emit! (rt/nav :settings-password))}
(t locale "settings.password")]]]))
[:header
[:div.main-logo {:on-click #(st/emit! (rt/nav :dashboard-team {:team-id "self"}))}
i/logo-icon]
[:section.main-bar
[:nav
[:a.nav-item
{:class (when profile? "current")
:on-click #(st/emit! (rt/nav :settings-profile))}
(t locale "settings.profile")]
[:a.nav-item
{:class (when password? "current")
:on-click #(st/emit! (rt/nav :settings-password))}
(t locale "settings.password")]]]]))