Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-04-08 02:52:39 -05:00
Code Issues Activity

Updated sign in form to make it consistent with the new signup design (#20086)

Browse source 
ref TRI-90
This commit is contained in:
Sodbileg Gansukh 2024-04-29 16:55:32 +08:00 • committed by GitHub
parent 9056b9138c
commit 2eb6f86a22
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 32 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
ghost/admin/app/styles/layouts/auth.css
View file

@ -1,3 +1,13 @@
/* Flow
/* ---------------------------------------------------------- */
.gh-flow:has(form.gh-signin) {
background: #fff;
}
.gh-flow:has(form.gh-signin) .gh-flow-content {
max-width: 500px;
}
/* Sign in
/* ---------------------------------------------------------- */
.gh-signin, .gh-auth-email {
@ -47,12 +57,12 @@
.gh-signin .gh-btn-reset,
.gh-setup .gh-btn-signup,
.gh-signup .gh-btn-signup {
height: 54px;
height: 52px;
border-radius: 8px;
line-height: 54px;
line-height: 52px;
margin-top: 40px;
max-width: unset;
font-weight: 300;
font-weight: 400;
transition: all 0.4s ease;
-webkit-font-smoothing: subpixel-antialiased;
}
@ -105,7 +115,7 @@
height: 19px;
font-size: 1.4rem;
line-height: 19px;
padding: 0 15px 0 16px;
padding: 0 16px;
margin-top: -1px;
color: var(--midlightgrey);
}
@ -124,6 +134,20 @@
text-decoration: underline;
}
.gh-signin .form-group label {
font-size: 1.5rem;
}
.gh-signin .gh-input {
height: auto;
padding: 1.4rem 1.6rem;
border: 1px solid #f3f6f7;
background: #f3f6f7;
color: var(--black);
letter-spacing: -0.006em;
transition: border-color .15s linear;
}
.gh-signin input,
.gh-signin input:-webkit-autofill::first-line {
padding: 12px 16px;
@ -134,8 +158,9 @@
.gh-signin .gh-input:focus:not(.gh-signin .gh-input.reset-password:focus),
.gh-signup .gh-input:focus {
border-color: var(--midgrey) !important;
box-shadow: none !important;
background-color: #fff;
border-color: #30cf43;
box-shadow: 0 0 0 3px rgba(48,207,67,.25);
}
/* Email notification */
@ -147,4 +172,4 @@
.gh-auth-email p {
color: var(--midgrey);
}
}