feat: add data-scroll-behavior and CSS smooth scroll with reduced-motion fallback

2026-06-03 21:56:05 -05:00
parent 3aa101812e
commit 48ad4512c3
2 changed files with 2 additions and 1 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -75,6 +75,7 @@

@layer base {
  html {
+    scroll-behavior: smooth;
    scroll-padding-top: var(--scroll-offset);
  }
  body {
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -38,7 +38,7 @@ export const metadata: Metadata = {

 export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
-    <html lang="en" className={`${fraunces.variable} ${jetbrainsMono.variable} ${plexMono.variable}`} suppressHydrationWarning>
+    <html lang="en" className={`${fraunces.variable} ${jetbrainsMono.variable} ${plexMono.variable}`} data-scroll-behavior="smooth" suppressHydrationWarning>
      <body className={`antialiased bg-canvas text-ink ${fraunces.className}`}>
        <ThemeProvider
          attribute="class"