3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-11 11:56:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add new login screen styles

Browse source
This commit is contained in:
Juan de la Cruz 2020-04-09 10:58:28 +02:00
parent ebc9d7aa63
commit 34ce86aba0
2 changed files with 22 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

25
frontend/resources/styles/main/layouts/login.scss
View file

@ -2,8 +2,8 @@
// License, v. 2.0. If a copy of the MPL was not distributed with this // License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/. // file, You can obtain one at http://mozilla.org/MPL/2.0/.
// //
// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz> // Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com> // Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
.login { .login {
align-items: center; align-items: center;
@ -24,7 +24,7 @@
flex-direction: column; flex-direction: column;
svg { svg {
fill: $color-white; fill: $color-black;
height: 70px; height: 70px;
margin-bottom: $x-big; margin-bottom: $x-big;
width: 200px; width: 200px;
@ -39,9 +39,9 @@
.input-text { .input-text {
background-color: transparent; background-color: transparent;
border-color: $color-gray; border-color: $color-black;
color: $color-gray-lighter; color: $color-black;
font-size: $fs18; font-size: $fs16;
margin-bottom: $big*2; margin-bottom: $big*2;
@include placeholder { @include placeholder {
@ -51,13 +51,13 @@
&:hover { &:hover {
@include placeholder { @include placeholder {
color: $color-white; color: $color-black;
} }
} }
&:focus { &:focus {
background-color: rgba(255,255,255,.3); background-color: $color-white;
border-color: $color-gray-lighter; border-color: $color-gray-lighter;
} }
@ -99,10 +99,19 @@
margin-top: $medium; margin-top: $medium;
a { a {
color: $color-black;
text-align: center; text-align: center;
&:hover {
color: $color-primary-dark;
}
} }
} }
.btn-dashboard {
margin-top: 5rem;
}
} }
} }

10
frontend/src/uxbox/main/ui/login.cljs
View file

@ -84,11 +84,11 @@
(tr "login.forgot-password")] (tr "login.forgot-password")]
[:a {:on-click #(st/emit! (rt/nav :profile-register)) [:a {:on-click #(st/emit! (rt/nav :profile-register))
:tab-index "6"} :tab-index "6"}
(tr "login.register")] (tr "login.register")]]
[:a {:on-click #(st/emit! da/create-demo-profile) [:a.btn-dashboard {:on-click #(st/emit! da/create-demo-profile)
:tab-index "7" :tab-index "7"
:title (tr "login.create-demo-profile-description")} :title (tr "login.create-demo-profile-description")}
(tr "login.create-demo-profile")]]]])) (tr "login.create-demo-profile")]]]))
(mf/defc login-page (mf/defc login-page
[] []