VPS 4 Builder
ba062e92d0
- App.tsx: wrappers de padding (p-4/md:p-8) e max-w-7xl/mx-auto agora só se aplicam quando não é tela standalone; login/landing/public renderizam full-bleed - OnboardingChat.tsx: classe ob-noscroll esconde a barra de rolagem do slide intro (mantém scroll), substituindo a custom-scrollbar indefinida no fluxo de login Inclui também demais alterações pendentes do working tree (snapshot do estado atual de dev). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
23 lines
826 B
TypeScript
23 lines
826 B
TypeScript
import React from 'react';
|
|
import { NotificationCenter } from './NotificationCenter.tsx';
|
|
|
|
interface PageHeaderProps {
|
|
title: string;
|
|
description?: string;
|
|
children?: React.ReactNode;
|
|
}
|
|
|
|
export const PageHeader: React.FC<PageHeaderProps> = ({ title, description, children }) => {
|
|
return (
|
|
<div className="flex flex-col gap-3 sm:flex-row sm:justify-between sm:items-center mb-4 sm:mb-6">
|
|
<div>
|
|
<h2 className="text-xl sm:text-2xl font-bold text-gray-900 uppercase">{title}</h2>
|
|
{description && <p className="text-gray-500 text-xs uppercase font-bold mt-1">{description}</p>}
|
|
</div>
|
|
<div className="flex items-center gap-2 sm:gap-3 flex-wrap">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|