fix header: center text (finally)

This commit is contained in:
vchikalkin 2025-02-17 12:36:30 +03:00
parent 5c5f1ec735
commit af579294ba
2 changed files with 2 additions and 10 deletions

View File

@ -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>
);
}

View File

@ -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>
);
}