fix header: center text (finally)
This commit is contained in:
parent
5c5f1ec735
commit
af579294ba
@ -1,14 +1,13 @@
|
||||
'use client';
|
||||
import { BackButton } from './back-button';
|
||||
import { PageTitle } from './page-title';
|
||||
|
||||
type Props = { title: string | undefined };
|
||||
|
||||
export function PageHeader(props: Readonly<Props>) {
|
||||
return (
|
||||
<div className="sticky top-0 z-50 flex items-center rounded-b-lg bg-transparent p-2 backdrop-blur-md">
|
||||
<div className="sticky top-0 z-50 flex h-12 items-center rounded-b-lg bg-transparent px-2 text-lg font-bold tracking-wide backdrop-blur-md">
|
||||
<BackButton />
|
||||
<PageTitle title={props.title} />
|
||||
{props.title}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,7 +0,0 @@
|
||||
type Props = { readonly title: string | undefined };
|
||||
|
||||
export function PageTitle(props: Readonly<Props>) {
|
||||
return (
|
||||
<span className="flex h-8 items-center text-lg font-bold tracking-wide">{props?.title}</span>
|
||||
);
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user