Move padding from body to prevent jumping when toggling Selects
All checks were successful
CI / checks (push) Successful in 1m1s

This commit is contained in:
Peter Smit
2025-11-07 09:53:05 +01:00
parent 858114657c
commit 0f4c96fc46

View File

@@ -104,7 +104,7 @@ function Content({ children }: { children: React.ReactNode }) {
</div>
</header>
<div className="flex-1 flex flex-col">{children}</div>
<div className="pt-16 flex-1 flex flex-col">{children}</div>
<footer className="sm:p-8 md:p-16 sm:mt-16 sm:text-sm md:text-base md:mt-32 bg-slate-50 dark:bg-card border-t p-6 mt-8 flex flex-col sm:flex-row sm:justify-between gap-4 text-xs [&_a]:underline">
<div className="flex flex-col space-y-2">
@@ -157,7 +157,7 @@ export default async function RootLayout({
return (
<html lang={locale} suppressHydrationWarning>
<ApplePwaSplash icon="/logo-with-text.png" color="#027756" />
<body className="pt-16 min-h-[100dvh] flex flex-col items-stretch bg-slate-50 bg-opacity-30 dark:bg-background">
<body className="min-h-[100dvh] flex flex-col items-stretch bg-slate-50 bg-opacity-30 dark:bg-background">
<NextIntlClientProvider messages={messages}>
<ThemeProvider
attribute="class"