fix settings panel width

Aniket-Engg · Aniket-Engg · commit e87cb0dc425d · 2025-08-28T22:30:33.000+05:30
diff --git a/libs/remix-ui/settings/src/lib/remix-ui-settings.css b/libs/remix-ui/settings/src/lib/remix-ui-settings.css
@@ -1,7 +1,7 @@
 @media (max-width: 1100px) {
     .remix-settings-sidebar {
       min-width: 0 !important;
-      max-width: 100% !important;
+      max-width: 50% !important;
       flex: 1 1 100% !important;
       width: 100% !important;
       padding-left: 3em !important;
diff --git a/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx b/libs/remix-ui/settings/src/lib/remix-ui-settings.tsx
@@ -327,7 +327,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
             {/* Main Content */}
             <div
               className="flex-column p-0 flex-grow-1"
-              style={{ minWidth: 0, flexBasis: '27.3em', flexGrow: 1, flexShrink: 1, maxWidth: '100%' }}
+              style={{ minWidth: 0, flexBasis: '27.3em', flexGrow: 1, flexShrink: 1, maxWidth: '50%' }}
             >
               <div className="remix-settings-main" style={{ maxWidth: '53.5em', overflowY: 'auto', maxHeight: '58vh' }}>
                 <SettingsSectionUI plugin={props.plugin} section={filteredSection} state={settingsState} dispatch={dispatch} />

Original file line number	Diff line number	Diff line change
`@@ -327,7 +327,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {`
`327`	`327`	`{/* Main Content */}`
`328`	`328`	`<div`
`329`	`329`	`className="flex-column p-0 flex-grow-1"`
`330`		`- style={{ minWidth: 0, flexBasis: '27.3em', flexGrow: 1, flexShrink: 1, maxWidth: '100%' }}`
	`330`	`+ style={{ minWidth: 0, flexBasis: '27.3em', flexGrow: 1, flexShrink: 1, maxWidth: '50%' }}`
`331`	`331`	`>`
`332`	`332`	`<div className="remix-settings-main" style={{ maxWidth: '53.5em', overflowY: 'auto', maxHeight: '58vh' }}>`
`333`	`333`	`<SettingsSectionUI plugin={props.plugin} section={filteredSection} state={settingsState} dispatch={dispatch} />`