marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
kbot
2026-06-03 21:56:05 -05:00
parent 3aa101812e
commit 48ad4512c3
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/globals.css
View File

@@ -75,6 +75,7 @@
@layer base { @layer base {
html { html {
scroll-behavior: smooth;
scroll-padding-top: var(--scroll-offset); scroll-padding-top: var(--scroll-offset);
} }
body { body {

2
app/layout.tsx
View File

@@ -38,7 +38,7 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: { children: React.ReactNode }) { export default function RootLayout({ children }: { children: React.ReactNode }) {
return ( 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}`}> <body className={`antialiased bg-canvas text-ink ${fraunces.className}`}>
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"