Gladyson/openmonetis
1
0
Fork 0
forked from git.gladyson/openmonetis
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: centralizar conteúdo da topbar no max-w-8xl

Browse Source 
Envolve logo, nav e ações num container max-w-8xl mx-auto
para alinhar com a largura do conteúdo das páginas.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-02-22 20:39:12 +00:00
parent a9f73f7a45
commit 32b7f7b687
1 changed files with 59 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/topbar/app-topbar.tsx
View File

@@ -29,9 +29,13 @@ export function AppTopbar({
notificationsSnapshot, notificationsSnapshot,
}: AppTopbarProps) { }: AppTopbarProps) {
return ( return (
<header className="fixed top-0 left-0 right-0 z-50 bg-primary flex h-14 shrink-0 items-center gap-3 px-4 shadow-md"> <header className="fixed top-0 left-0 right-0 z-50 bg-primary shadow-md h-14 shrink-0 flex items-center">
<div className="w-full max-w-8xl mx-auto px-4 flex items-center gap-3 h-full">
{/* Logo */} {/* Logo */}
<Link href="/dashboard" className="flex items-center gap-2 shrink-0 mr-1"> <Link
href="/dashboard"
className="flex items-center gap-2 shrink-0 mr-1"
>
<Image <Image
src="/logo_small.png" src="/logo_small.png"
alt="OpenMonetis" alt="OpenMonetis"
@@ -86,6 +90,7 @@ export function AppTopbar({
{/* User avatar — outside the var-override div so dropdown stays normal */} {/* User avatar — outside the var-override div so dropdown stays normal */}
<TopbarUser user={user} pagadorAvatarUrl={pagadorAvatarUrl} /> <TopbarUser user={user} pagadorAvatarUrl={pagadorAvatarUrl} />
</div>
</header> </header>
); );
} }