diff options
| author | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 17:45:11 +0000 |
|---|---|---|
| committer | Sam Nystrom <sam@samnystrom.dev> | 2024-03-13 20:17:07 -0400 |
| commit | 13451b7588aa5800f0c1a87e7c3b49830d9e4087 (patch) | |
| tree | f93800bdfa2202928ebc42ecc9ad723a896715fe /src/components | |
| parent | cc0fbd8e07c3d85400eaecbb2d4498d7108d3119 (diff) | |
refactor: add title prop to Header
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Header.css | 3 | ||||
| -rw-r--r-- | src/components/Header.tsx | 10 |
2 files changed, 6 insertions, 7 deletions
diff --git a/src/components/Header.css b/src/components/Header.css index ef1dd60..0a562bf 100644 --- a/src/components/Header.css +++ b/src/components/Header.css @@ -3,9 +3,9 @@ height: 3rem; border-bottom: 1px solid var(--overlay); display: flex; - flex-direction: row; justify-content: space-between; align-items: center; + --button-height: 100%; > .title { font-weight: 500; @@ -15,7 +15,6 @@ nav { height: 100%; display: flex; - flex-direction: row; } } }
\ No newline at end of file diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 32fbce2..95d5fef 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -4,14 +4,14 @@ import './Header.css'; export interface HeaderProps { children: ComponentChildren; + class?: string; + title: string; } -const Header = ({ children }: HeaderProps) => { +const Header = ({ children, title, ...props }: HeaderProps) => { return ( - <header class="__Header"> - <div class="title"> - <Button kind="ghost" href="/">DataNodes</Button> - </div> + <header class={(props.class || '') + ' __Header'}> + {title && <Button kind="ghost" class="title" href="/">{title}</Button>} <nav> {children} </nav> |