docs: fix horizontal scroll (#5300)

This commit is contained in:
Shahed Nasser
2023-10-05 22:38:54 +03:00
committed by GitHub
parent 0350eeb0a1
commit 4ca70a0d0c
3 changed files with 5 additions and 2 deletions
@@ -41,7 +41,7 @@ export default function RootLayout({
<Providers> <Providers>
<Navbar /> <Navbar />
<div <div
className="w-full h-[calc(100%-57px)] overflow-y-scroll" className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
id="main" id="main"
> >
<div className="max-w-xxl mx-auto flex w-full px-1.5"> <div className="max-w-xxl mx-auto flex w-full px-1.5">
+3
View File
@@ -3,6 +3,9 @@
@tailwind utilities; @tailwind utilities;
@layer base { @layer base {
body {
@apply !overflow-x-hidden;
}
body[data-modal="opened"] { body[data-modal="opened"] {
@apply !overflow-hidden; @apply !overflow-hidden;
} }
+1 -1
View File
@@ -36,7 +36,7 @@ export default function RootLayout({
<Providers> <Providers>
<Navbar /> <Navbar />
<div <div
className="w-full h-[calc(100%-57px)] overflow-y-scroll" className="w-full h-[calc(100%-57px)] overflow-y-scroll overflow-x-hidden"
id="main" id="main"
> >
<div className="max-w-xxl grid w-full grid-cols-1 px-6 lg:mx-auto lg:grid-cols-[280px_1fr]"> <div className="max-w-xxl grid w-full grid-cols-1 px-6 lg:mx-auto lg:grid-cols-[280px_1fr]">