optimize layout
This commit is contained in:
parent
434122060a
commit
2a9470e4ce
@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
@ -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="Записи" />
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user