0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-10 17:18:21 -05:00

Add new login screen styles

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

View file

@ -2,8 +2,8 @@
// 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/.
//
// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
// Copyright (c) 2015-2020 Andrey Antukh <niwi@niwi.nz>
// Copyright (c) 2015-2020 Juan de la Cruz <delacruzgarciajuan@gmail.com>
.login {
align-items: center;
@ -24,7 +24,7 @@
flex-direction: column;
svg {
fill: $color-white;
fill: $color-black;
height: 70px;
margin-bottom: $x-big;
width: 200px;
@ -39,9 +39,9 @@
.input-text {
background-color: transparent;
border-color: $color-gray;
color: $color-gray-lighter;
font-size: $fs18;
border-color: $color-black;
color: $color-black;
font-size: $fs16;
margin-bottom: $big*2;
@include placeholder {
@ -51,13 +51,13 @@
&:hover {
@include placeholder {
color: $color-white;
color: $color-black;
}
}
&:focus {
background-color: rgba(255,255,255,.3);
background-color: $color-white;
border-color: $color-gray-lighter;
}
@ -99,9 +99,18 @@
margin-top: $medium;
a {
color: $color-black;
text-align: center;
&:hover {
color: $color-primary-dark;
}
}
}
.btn-dashboard {
margin-top: 5rem;
}
}

View file

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