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

Fixed signin heading spacing

Browse source
This commit is contained in:
Peter Zimon 2020-07-23 12:33:27 +02:00
parent a95262a963
commit 14998061bd
2 changed files with 20 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/portal/src/components/pages/SigninPage.js
View file

@ -116,7 +116,7 @@ export default class SigninPage extends React.Component {
const siteTitle = this.context.site.title || 'Site Title';
return (
<div className='flex flex-column items-center gh-portal-section gh-portal-signup-header nodivider'>
<div className='gh-portal-signin-header'>
{this.renderSiteLogo()}
<h2 className="gh-portal-main-title">Sign in to {siteTitle}</h2>
</div>

25
ghost/portal/src/components/pages/SignupPage.js
View file

@ -11,16 +11,27 @@ export const SignupPageStyles = `
display: block;
width: 56px;
height: 56px;
margin-bottom: 12px;
margin: 18px 0;
background-position: 50%;
background-size: cover;
border-radius: 999px;
box-shadow: 0 0 0 3px #fff
border-radius: 2px;
}
.gh-portal-signup-header {
margin: 18px -32px 18px;
padding-bottom: 32px;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 32px 32px;
margin: 0 -32px 18px;
border-bottom: 1px solid #eaeaea;
}
.gh-portal-signin-header {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 32px 32px;
margin: 0 -32px 32px;
border-bottom: 1px solid #eaeaea;
}
@ -277,8 +288,10 @@ class SignupPage extends React.Component {
const {site} = this.context;
const siteTitle = site.title || 'Site Title';
const headerClass = site.logo ? 'gh-portal-signup-header' : 'gh-portal-signup-header';
return (
<div className='flex flex-column items-center gh-portal-section gh-portal-signup-header'>
<div className={headerClass}>
{this.renderSiteLogo()}
<h2 className="gh-portal-main-title">{siteTitle}</h2>
</div>