admin/zapishis-client
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bottom navbar overflows content

Browse Source
This commit is contained in:
vchikalkin 2025-01-31 16:49:22 +03:00
parent 7821e39345
commit df851197a3
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/app/(main)/layout.tsx
View File

@ -4,7 +4,7 @@ import { type PropsWithChildren } from 'react';
export default async function Layout({ children }: Readonly<PropsWithChildren>) {
return (
<>
<main>{children}</main>
<main className="grow">{children}</main>
<BottomNav />
</>
);

2
apps/web/app/layout.tsx
View File

@ -16,7 +16,7 @@ export default async function RootLayout({ children }: Readonly<PropsWithChildre
return (
<html lang={locale}>
<body className="bg-app-background">
<body className="flex min-h-screen flex-col bg-app-background">
<I18nProvider>
<ThemeProvider>
<AuthProvider>

2
apps/web/components/navigation/navbar/index.tsx
View File

@ -10,7 +10,7 @@ export function BottomNav() {
if (!isFirstLevel) return null;
return (
<nav className="fixed inset-x-0 bottom-0 border-t border-border bg-background">
<nav className="sticky 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="Записи" />