Accessibility improvements.
This commit is contained in:
parent
d13448a18c
commit
8c3cd95b52
|
@ -85,7 +85,7 @@ export default function App({ Component, pageProps }) {
|
||||||
<GlobalStyles />
|
<GlobalStyles />
|
||||||
<Navbar>
|
<Navbar>
|
||||||
<FlexContainer>
|
<FlexContainer>
|
||||||
<Image src="/icon.png" />
|
<Image alt='logo' src="/icon.png" />
|
||||||
{constants.COMPANY_NAME}
|
{constants.COMPANY_NAME}
|
||||||
</FlexContainer>
|
</FlexContainer>
|
||||||
{user && <Button variant='link' onClick={logout}>
|
{user && <Button variant='link' onClick={logout}>
|
||||||
|
|
|
@ -32,9 +32,13 @@ export default class MyDocument extends Document {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<Html>
|
<Html lang='en'>
|
||||||
<Head>
|
<Head>
|
||||||
<title>ente.io | Privacy friendly alternative to Google Photos</title>
|
<title>ente.io | Privacy friendly alternative to Google Photos</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="ente is a privacy friendly alternative to Google Photos that supports end-to-end encryption. Because memories are precious."
|
||||||
|
/>
|
||||||
<link rel="icon" href="/icon.png" type="image/png"/>
|
<link rel="icon" href="/icon.png" type="image/png"/>
|
||||||
</Head>
|
</Head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
@ -70,7 +70,7 @@ export default function Credentials() {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (<Container>
|
return (<Container>
|
||||||
<Image src='/vault.svg' />
|
<Image alt='vault' src='/vault.svg' />
|
||||||
<Card style={{ minWidth: '300px'}}>
|
<Card style={{ minWidth: '300px'}}>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<p className="text-center">{constants.ENTER_PASSPHRASE}</p>
|
<p className="text-center">{constants.ENTER_PASSPHRASE}</p>
|
||||||
|
|
|
@ -77,7 +77,7 @@ export default function Generate() {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (<Container>
|
return (<Container>
|
||||||
<Image src='/vault.svg' />
|
<Image alt='vault' src='/vault.svg' />
|
||||||
<Card>
|
<Card>
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
|
|
|
@ -74,7 +74,7 @@ export default function Verify() {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (<Container>
|
return (<Container>
|
||||||
<Image src='/email_sent.svg' />
|
<Image alt='Email Sent' src='/email_sent.svg' />
|
||||||
<Card style={{ minWidth: '300px' }} className="text-center">
|
<Card style={{ minWidth: '300px' }} className="text-center">
|
||||||
<Card.Body>
|
<Card.Body>
|
||||||
<Card.Title>{constants.VERIFY_EMAIL}</Card.Title>
|
<Card.Title>{constants.VERIFY_EMAIL}</Card.Title>
|
||||||
|
|
Loading…
Reference in a new issue