BuzzbeeSCD/openchamber
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(settings): add overflow-x-hidden to prevent horizontal scrollbar

Browse Source
This commit is contained in:
Sérgio Pedro
2026-07-29 09:06:31 +00:00
parent 9acbebe189
commit 6d8ada3a6e
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/components/views/SettingsView.tsx
+5 -5
View File
@@ -1013,13 +1013,13 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
// No sidebar available; fall back to direct content.
const fallback = renderPageContent(settingsSlug);
return (
<div className="flex-1 min-h-0 overflow-y-scroll bg-background">
<div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{fallback}</ErrorBoundary>
</div>
);
}
return (
<div className="flex-1 min-h-0 overflow-y-scroll bg-background">
<div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>
{renderPageSidebar(settingsSlug, { onItemSelect: handleMobilePageSidebarItemSelect })}
</ErrorBoundary>
@@ -1031,7 +1031,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
const content = renderPageContent(settingsSlug);
return (
<div className="flex-1 min-h-0 overflow-y-scroll bg-background">
<div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{content}</ErrorBoundary>
</div>
);
@@ -1048,7 +1048,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
<div className={cn('border-r', runtimeCtx.isVSCode ? 'bg-background' : 'bg-sidebar')} style={{ width: SETTINGS_SPLIT_SIDEBAR_WIDTH, minWidth: SETTINGS_SPLIT_SIDEBAR_WIDTH, borderColor: 'var(--interactive-border)' }}>
<ErrorBoundary>{renderPageSidebar(settingsSlug, {})}</ErrorBoundary>
</div>
<div className="flex-1 min-h-0 overflow-y-scroll bg-background">
<div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
</div>
</div>
@@ -1056,7 +1056,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
}
return (
<div className="h-full min-h-0 overflow-y-scroll bg-background">
<div className="h-full min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
</div>
);