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

Basic styles for magic link page

Browse source
This commit is contained in:
Peter Zimon 2020-07-21 16:03:35 +02:00
parent 2094a0950a
commit 29abe4688f
1 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
ghost/portal/src/components/pages/MagicLinkPage.js
View file

@ -7,16 +7,18 @@ export default class MagicLinkPage extends React.Component {
renderFormHeader() {
return (
<div style={{display: 'flex', flexDirection: 'column', alignItems: 'center', marginBottom: '18px'}}>
<div style={{fontSize: '24px', fontWeight: 'bold', marginBottom: '18px'}}> Check your inbox! </div>
<div> Check your inbox and click on the login link to complete the signin. </div>
<div className='flex flex-column items-center'>
<div className='gh-portal-account-header'>
<h2 className='gh-portal-main-title'>Check your inbox!</h2>
</div>
<p className='gh-portal-section gh-portal-text-center'>Check your inbox and click on the login link to complete the signin.</p>
</div>
);
}
renderLoginMessage() {
return (
<div style={{display: 'flex', justifyContent: 'center'}}>
<div className='flex justify-center'>
<div
style={{color: '#3db0ef', fontWeight: 'bold', cursor: 'pointer'}}
onClick={() => this.context.onAction('switchPage', {page: 'signin'})}
@ -44,11 +46,9 @@ export default class MagicLinkPage extends React.Component {
render() {
return (
<div style={{display: 'flex', flexDirection: 'column', color: '#313131', padding: '0 24px'}}>
<div style={{paddingLeft: '16px', paddingRight: '16px', paddingTop: '12px'}}>
{this.renderFormHeader()}
{this.renderCloseButton()}
</div>
<div>
{this.renderFormHeader()}
{this.renderCloseButton()}
</div>
);
}