Settings modal scaling hotfix (#1100)

BrandonPacewic · web-flow · commit bbaf73be3b68 · 2024-08-21T14:49:06.000-07:00
diff --git a/fission/src/ui/modals/configuring/SettingsModal.tsx b/fission/src/ui/modals/configuring/SettingsModal.tsx
@@ -66,7 +66,7 @@ const SettingsModal: React.FC<ModalPropsImpl> = ({ modalId }) => {
                 saveSettings()
             }}
         >
-            <div className="flex overflow-y-auto flex-col gap-2 bg-background-secondary rounded-md p-2 min-w-[22vw]">
+            <div className="flex overflow-y-auto flex-col gap-2 bg-background-secondary rounded-md p-2 max-h-[60vh]">
                 <Label size={LabelSize.Medium}>Screen Settings</Label>
                 <Dropdown
                     label="Quality Settings"

Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ const SettingsModal: React.FC<ModalPropsImpl> = ({ modalId }) => {`
`66`	`66`	`saveSettings()`
`67`	`67`	`}}`
`68`	`68`	`>`
`69`		`- <div className="flex overflow-y-auto flex-col gap-2 bg-background-secondary rounded-md p-2 min-w-[22vw]">`
	`69`	`+ <div className="flex overflow-y-auto flex-col gap-2 bg-background-secondary rounded-md p-2 max-h-[60vh]">`
`70`	`70`	`<Label size={LabelSize.Medium}>Screen Settings</Label>`
`71`	`71`	`<Dropdown`
`72`	`72`	`label="Quality Settings"`