runfoo-org/elmeg-demo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Add mx-auto max-w-7xl to containers for proper centering on wide screens

Browse source
This commit is contained in:
fullsizemalt 2025-12-20 21:24:54 -08:00
parent f501bd02c8
commit 12bd36bd97
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/layout.tsx
View file

@ -26,7 +26,7 @@ export default function RootLayout({
<AuthProvider>
<PreferencesProvider>
<Navbar />
<main className="container py-6 flex-1">
<main className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6 flex-1">
{children}
</main>
<Footer />

2
frontend/components/layout/footer.tsx
View file

@ -3,7 +3,7 @@ import Link from "next/link"
export function Footer() {
return (
<footer className="border-t py-6 md:py-8 mt-12 bg-muted/30">
<div className="container flex flex-col md:flex-row items-center justify-between gap-4">
<div className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row items-center justify-between gap-4">
<div className="flex flex-col gap-1 items-center md:items-start text-center md:text-left">
<span className="font-bold">Elmeg</span>
<span className="text-sm text-muted-foreground">The community archive.</span>

2
frontend/components/layout/navbar.tsx
View file

@ -17,7 +17,7 @@ export function Navbar() {
const { user, logout } = useAuth()
return (
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-14 items-center">
<div className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 flex h-14 items-center">
<div className="mr-4 hidden md:flex">
<Link href="/" className="mr-6 flex items-center space-x-2">
<Music className="h-6 w-6" />