diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/account.tsx | 16 | ||||
| -rw-r--r-- | src/components/page.tsx | 4 |
2 files changed, 18 insertions, 2 deletions
diff --git a/src/components/account.tsx b/src/components/account.tsx new file mode 100644 index 0000000..d643ceb --- /dev/null +++ b/src/components/account.tsx @@ -0,0 +1,16 @@ +interface AccountAvatarProps { + size: number; + image: string; +} + +export function AccountAvatar(props: AccountAvatarProps) { + return <div style={{ + width: props.size, + height: props.size, + backgroundImage: props.image, + backgroundSize: "cover", + display: "inline-block" + }}></div>; +} + + diff --git a/src/components/page.tsx b/src/components/page.tsx index 045b0f7..8fea132 100644 --- a/src/components/page.tsx +++ b/src/components/page.tsx @@ -1,7 +1,7 @@ import { Component, CSSProperties } from 'react'; var CenteredPageStyle: CSSProperties = { - maxWidth: 783, + maxWidth: 802, margin: "0 auto" } @@ -14,7 +14,7 @@ export class CenteredPage extends Component { } var PageTitleStyle: CSSProperties = { - color: "var(--background)", + color: "var(--text-alt)", marginLeft: 6, marginTop: 32, marginBottom: 64, |