VPS 4 Builder
3db0fe0d9a
- PageHeader empilha no mobile, titulo menor, acoes com flex-wrap - AgendaView: toolbar de acoes com wrap; botao NOVO vira so icone no mobile - FullCalendar: view de DIA no mobile (timeGridDay), toolbar enxuta + footer com Dia/Mes, altura por viewport (100dvh), CSS responsivo da toolbar/celulas, nowIndicator 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>
|
|
);
|
|
};
|