Tim DownandCopybot
00f6a1e0f9
* Many fixes to CIAM registration form, including Phosphor icons * Unify layout between Pug and React, fixes for spacing and mobile screen sizes * Pug lint fix * Make CIAM footer links underlined * Add CIAM error notification styling * Merge duplicate style rules * Remove outdated comment * Fix ordering of en.json * Move aria-label to buttons * Move full stop into translation string * Remove dummy password strength indicator * CIAM spacing and label fixes * Header logo fixes from review * Add aria-hidden to error icon GitOrigin-RevId: 87c8181566f0878256b8010f95f115ec25c7ceb9
25 lines
687 B
TypeScript
25 lines
687 B
TypeScript
import React, { FC, ReactNode } from 'react'
|
|
|
|
type Props = { children: ReactNode }
|
|
|
|
const CiamLayout: FC<Props> = ({ children }: Props) => (
|
|
<div className="ciam-layout ciam-enabled">
|
|
<header className="ciam-logo">
|
|
<a href="/" className="brand overleaf-ds-logo">
|
|
<span className="visually-hidden">Overleaf</span>
|
|
</a>
|
|
</header>
|
|
<div className="ciam-container">
|
|
<main className="ciam-card" id="main-content">
|
|
{children}
|
|
</main>
|
|
</div>
|
|
<footer>
|
|
<a href="https://www.overleaf.com/legal#Privacy">Privacy</a>
|
|
<a href="https://www.overleaf.com/legal#Terms">Terms</a>
|
|
</footer>
|
|
</div>
|
|
)
|
|
|
|
export default CiamLayout
|