aboutsummaryrefslogtreecommitdiff
path: root/components/page.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'components/page.tsx')
-rw-r--r--components/page.tsx48
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>;
}
}