Changed flex container from horizontal (default) to vertical (flex-col) to properly stack navbar and main content. This fixes the layout issue where content was hanging on the right side of the window. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
14 lines
325 B
TypeScript
14 lines
325 B
TypeScript
'use client';
|
|
|
|
import { ReactNode } from 'react';
|
|
import { Navbar } from './Navbar';
|
|
|
|
export function AppLayout({ children }: { children: ReactNode }) {
|
|
return (
|
|
<div className="flex flex-col min-h-screen">
|
|
<Navbar />
|
|
<main className="flex-1 container mx-auto px-4 py-8">{children}</main>
|
|
</div>
|
|
);
|
|
}
|