diff options
Diffstat (limited to 'components/page.tsx')
-rw-r--r-- | components/page.tsx | 48 |
1 files changed, 30 insertions, 18 deletions
diff --git a/components/page.tsx b/components/page.tsx index d8a4a2b..506e2db 100644 --- a/components/page.tsx +++ b/components/page.tsx @@ -6,27 +6,39 @@ interface CenteredPageProps { style?: CSSProperties; } -export function CenteredPage (props: CenteredPageProps) { - return <div className="CenteredPageOuter" style={{ - maxWidth: props.width, - margin: "0 auto" - }}> - <div className="CenteredPageInner" style={{ - margin: "0 6px", - lineHeight: 0, - ...props.style - }}>{props.children}</div> +export function CenteredPage(props: CenteredPageProps) { + return <div + className='CenteredPageOuter' + style={{ + maxWidth: props.width, + margin: '0 auto', + }} + > + <div + className='CenteredPageInner' + style={{ + margin: '0 6px', + lineHeight: 0, + ...props.style, + }} + > + {props.children} + </div> </div>; } export class PageTitle extends Component { - render () { - return <h1 style={{ - color: "var(--text-alt)", - marginLeft: 6, - marginTop: 32, - marginBottom: 64, - fontSize: 25, - }}>{this.props.children}</h1>; + render() { + return <h1 + style={{ + color: 'var(--text-alt)', + marginLeft: 6, + marginTop: 32, + marginBottom: 64, + fontSize: 25, + }} + > + {this.props.children} + </h1>; } } |