markus/finances
1
0
Fork 0
mirror of https://codeberg.org/MarkusThielker/finances.git synced 2025-04-12 05:08:43 +00:00
Code Issues Projects Releases Packages 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"> <html lang="en">
<body className={cn('dark', inter.className)}> <body className={cn('dark', inter.className)}>
<Navigation/> <Navigation/>
<main className="p-8"> <main className="p-4 sm:p-8">
{children} {children}
</main> </main>
<Toaster/> <Toaster/>

2
src/components/navigation.tsx
View file

@ -16,7 +16,7 @@ export default function Navigation() {
return ( return (
<div className="flex sticky items-center border-b border-border bg-background"> <div className="flex sticky items-center border-b border-border bg-background">
<NavigationMenu> <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"> <div className="inline-flex space-x-2">
<img src={'/logo_white.png'} alt="Finances" className="h-10 w-10 mx-3"/> <img src={'/logo_white.png'} alt="Finances" className="h-10 w-10 mx-3"/>