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

Merge pull request #2520 from sergiofspedro/fix/settings-scrollbar

Browse Source 
Fix/settings scrollbar
This commit is contained in:
Serhii Dziupin
2026-07-29 14:37:44 +03:00
committed by GitHub
parent c792e1f4f4 6d8ada3a6e
commit d4e4dbc0ec
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. // No sidebar available; fall back to direct content.
const fallback = renderPageContent(settingsSlug); const fallback = renderPageContent(settingsSlug);
return ( return (
<div className="flex-1 min-h-0 overflow-hidden bg-background"> <div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{fallback}</ErrorBoundary> <ErrorBoundary>{fallback}</ErrorBoundary>
</div> </div>
); );
} }
return ( return (
<div className="flex-1 min-h-0 overflow-hidden bg-background"> <div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary> <ErrorBoundary>
{renderPageSidebar(settingsSlug, { onItemSelect: handleMobilePageSidebarItemSelect })} {renderPageSidebar(settingsSlug, { onItemSelect: handleMobilePageSidebarItemSelect })}
</ErrorBoundary> </ErrorBoundary>
@@ -1031,7 +1031,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
const content = renderPageContent(settingsSlug); const content = renderPageContent(settingsSlug);
return ( return (
<div className="flex-1 min-h-0 overflow-hidden bg-background"> <div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{content}</ErrorBoundary> <ErrorBoundary>{content}</ErrorBoundary>
</div> </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)' }}> <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> <ErrorBoundary>{renderPageSidebar(settingsSlug, {})}</ErrorBoundary>
</div> </div>
<div className="flex-1 min-h-0 overflow-hidden bg-background"> <div className="flex-1 min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary> <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
</div> </div>
</div> </div>
@@ -1056,7 +1056,7 @@ export const SettingsView: React.FC<SettingsViewProps> = ({ onClose, forceMobile
} }
return ( return (
<div className="h-full min-h-0 overflow-hidden bg-background"> <div className="h-full min-h-0 overflow-y-scroll overflow-x-hidden bg-background">
<ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary> <ErrorBoundary>{renderPageContent(settingsSlug)}</ErrorBoundary>
</div> </div>
); );