fix(layout): remove global overflow-x-hidden to restore sticky sidebar behavior

This commit is contained in:
Dwindi Ramadhana
2026-06-14 13:15:51 +07:00
parent c580a5f7b0
commit 0b1cfbdabd
2 changed files with 67 additions and 61 deletions

View File

@@ -295,7 +295,7 @@ const Layout = ({ children }) => {
)} )}
{/* Main Content */} {/* Main Content */}
<div className="flex flex-1 pt-16 min-w-0 w-full max-w-full overflow-x-hidden"> <div className="flex flex-1 pt-16 min-w-0 w-full max-w-full">
{/* Main Content Area */} {/* Main Content Area */}
<main className="flex-1 flex flex-col min-w-0 w-full max-w-full"> <main className="flex-1 flex flex-col min-w-0 w-full max-w-full">
{isToolPage && !isInvoicePreviewPage ? ( {isToolPage && !isInvoicePreviewPage ? (

View File

@@ -2,31 +2,37 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap'); @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap");
@layer base { @layer base {
html { html {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family:
overflow-x: hidden; system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
sans-serif;
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
} }
body { body {
overflow-x: hidden;
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
} }
#root { #root {
overflow-x: hidden;
width: 100%; width: 100%;
max-width: 100vw; max-width: 100vw;
min-width: 0; min-width: 0;
} }
code, pre { code,
font-family: 'JetBrains Mono', Monaco, 'Cascadia Code', 'Segoe UI Mono', 'Roboto Mono', monospace; pre {
font-family:
"JetBrains Mono", Monaco, "Cascadia Code", "Segoe UI Mono",
"Roboto Mono", monospace;
} }
} }