fix(operations): move page container responsibility out of PageShell
This commit is contained in:
parent
213a8c106f
commit
a6b5b19807
1 changed files with 5 additions and 1 deletions
|
|
@ -5,6 +5,10 @@ import { ClassificationStrip } from "./ClassificationStrip";
|
||||||
* Responsive page shell for operations surfaces: header with title + optional
|
* Responsive page shell for operations surfaces: header with title + optional
|
||||||
* classification-style subtitle line, then the content area. Server-renderable
|
* classification-style subtitle line, then the content area. Server-renderable
|
||||||
* (no hooks); pairs with the strategic primitives on task-9 role surfaces.
|
* (no hooks); pairs with the strategic primitives on task-9 role surfaces.
|
||||||
|
*
|
||||||
|
* Not a page container: callers place it inside the standard page wrapper
|
||||||
|
* (`mx-auto max-w-7xl px-4 py-6`) so the shell's content shares one left edge
|
||||||
|
* with the sibling cards rendered below it.
|
||||||
*/
|
*/
|
||||||
export function PageShell({
|
export function PageShell({
|
||||||
title,
|
title,
|
||||||
|
|
@ -16,7 +20,7 @@ export function PageShell({
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<div data-slot="page-shell" className="mx-auto flex w-full max-w-7xl flex-col gap-4 px-4 py-6">
|
<div data-slot="page-shell" className="flex flex-col gap-4">
|
||||||
<header className="flex flex-col gap-1">
|
<header className="flex flex-col gap-1">
|
||||||
<h1 className="text-xl font-bold tracking-tight text-foreground">{title}</h1>
|
<h1 className="text-xl font-bold tracking-tight text-foreground">{title}</h1>
|
||||||
{meta ? <ClassificationStrip left={meta} right="Polaris // Ops" /> : null}
|
{meta ? <ClassificationStrip left={meta} right="Polaris // Ops" /> : null}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue