docs: fix horizontal scroll (#5300)
This commit is contained in:
@@ -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,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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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]">
|
||||||
|
|||||||
Reference in New Issue
Block a user