optimize layout

This commit is contained in:
vchikalkin 2025-01-27 14:38:01 +03:00
parent 434122060a
commit 2a9470e4ce
2 changed files with 3 additions and 5 deletions

View File

@ -6,10 +6,8 @@ export default async function Layout({ children }: Readonly<PropsWithChildren>)
return (
<NavigationProvider>
<PageHeader />
<div className="mx-auto flex h-screen flex-col justify-between">
<main>{children}</main>
<BottomNav />
</div>
<main>{children}</main>
<BottomNav />
</NavigationProvider>
);
}

View File

@ -3,7 +3,7 @@ import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
export function BottomNav() {
return (
<nav className="sticky inset-x-0 bottom-0 border-t border-border bg-background">
<nav className="fixed inset-x-0 bottom-0 border-t border-border bg-background">
<div className="grid grid-cols-5">
<NavButton href="/dashboard" icon={<Newspaper />} label="Главное" />
<NavButton href="/records" icon={<BookOpen />} label="Записи" />