coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Login to X should be centered when team name wraps to newline

Browse Source
This commit is contained in:
Tom Moor
2020-08-12 14:05:32 -07:00
parent 11f7e3a060
commit dbe8a10702
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/components/Heading.js
View File

@ -4,6 +4,7 @@ import styled from "styled-components";
const Heading = styled.h1` const Heading = styled.h1`
display: flex; display: flex;
align-items: center; align-items: center;
${(props) => (props.centered ? "text-align: center;" : "")}
svg { svg {
margin-left: -6px; margin-left: -6px;

6
app/scenes/Login/index.js
View File

@ -82,7 +82,7 @@ class Login extends React.Component<Props, State> {
<PageTitle title="Check your email" /> <PageTitle title="Check your email" />
<CheckEmailIcon size={38} color="currentColor" /> <CheckEmailIcon size={38} color="currentColor" />
<Heading>Check your email</Heading> <Heading centered>Check your email</Heading>
<Note> <Note>
A magic sign-in link has been sent to the email{" "} A magic sign-in link has been sent to the email{" "}
<em>{this.state.emailLinkSentTo}</em>, no password needed. <em>{this.state.emailLinkSentTo}</em>, no password needed.
@ -110,9 +110,9 @@ class Login extends React.Component<Props, State> {
</Logo> </Logo>
{isCreate ? ( {isCreate ? (
<Heading>Create an account</Heading> <Heading centered>Create an account</Heading>
) : ( ) : (
<Heading>Login to {config.name || "Outline"}</Heading> <Heading centered>Login to {config.name || "Outline"}</Heading>
)} )}
<Notices notice={getQueryVariable("notice")} /> <Notices notice={getQueryVariable("notice")} />