chore: move scroll-smooth to document

2021-12-27 16:46:49 +08:00 · 2021-12-27 16:46:49 +08:00 · ad93cf6242
parent 5d311e2587
commit ad93cf6242
2 changed files with 1 additions and 5 deletions
--- a/css/tailwind.css
+++ b/css/tailwind.css
@ -18,10 +18,6 @@
  @apply my-5;
 }

-html {
-  scroll-behavior: smooth;
-}
-
 /* https://stackoverflow.com/questions/61083813/how-to-avoid-internal-autofill-selected-style-to-be-applied */
 input:-webkit-autofill,
 input:-webkit-autofill:focus {
--- a/pages/_document.js
+++ b/pages/_document.js
@ -2,7 +2,7 @@ import Document, { Html, Head, Main, NextScript } from 'next/document'
 class MyDocument extends Document {
  render() {
    return (
-      <Html lang="en">
+      <Html lang="en" className="scroll-smooth">
        <Head>
          <link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-touch-icon.png" />
          <link