markus/finances
1
0
Fork 0
Code Issues 6 Pull requests Projects Releases 6 Packages 1 Wiki Activity Actions

N-FIN-32: reduce padding on mobile devices

Browse source
This commit is contained in:
Markus Thielker 2024-03-13 22:51:53 +01:00
parent 87ffc64995
commit 81c41567bc
No known key found for this signature in database
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/layout.tsx
View file

@ -22,7 +22,7 @@ export default function RootLayout({
<html lang="en">
<body className={cn('dark', inter.className)}>
<Navigation/>
<main className="p-8">
<main className="p-4 sm:p-8">
{children}
</main>
<Toaster/>

2
src/components/navigation.tsx
View file

@ -16,7 +16,7 @@ export default function Navigation() {
return (
<div className="flex sticky items-center border-b border-border bg-background">
<NavigationMenu>
<NavigationMenuList className="flex w-screen items-center justify-between px-4 py-2">
<NavigationMenuList className="flex w-screen items-center justify-between sm:px-4 py-2">
<div className="inline-flex space-x-2">
<img src={'/logo_white.png'} alt="Finances" className="h-10 w-10 mx-3"/>