* prepare for header back button: fix pages layout add header with back button * set header title * optimize layout * remove navigation context * make profile photo bigger * remove page-header from main pages * fix profile layout * profile: use ui/Card * fix app background * contacts: use ui/Card component
15 lines
365 B
TypeScript
15 lines
365 B
TypeScript
'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 bg-background p-2">
|
|
<BackButton />
|
|
<PageTitle title={props.title} />
|
|
</div>
|
|
);
|
|
}
|