Fix UI input elements

This commit is contained in:
grimsi
2025-06-09 23:32:45 +02:00
parent a7280390e6
commit 9b6ca719c4
2 changed files with 7 additions and 9 deletions
@@ -49,14 +49,12 @@ function SsoManagementLayout({getConfig, formik, setSaveMessage}: any) {
<ConfigFormField configElement={getConfig("sso.oidc.enabled")}/> <ConfigFormField configElement={getConfig("sso.oidc.enabled")}/>
<Section title="SSO user handling"/> <Section title="SSO user handling"/>
<div className="flex flex-row"> <div className="flex flex-row items-baseline">
<ConfigFormField configElement={getConfig("sso.oidc.auto-register-new-users")} <ConfigFormField configElement={getConfig("sso.oidc.auto-register-new-users")}
isDisabled={!formik.values.sso.oidc.enabled}/> isDisabled={!formik.values.sso.oidc.enabled}/>
<div className="flex flex-row flex-1 justify-center gap-2"> <ConfigFormField configElement={getConfig("sso.oidc.match-existing-users-by")}
<ConfigFormField configElement={getConfig("sso.oidc.match-existing-users-by")} isDisabled={!formik.values.sso.oidc.enabled ||
isDisabled={!formik.values.sso.oidc.enabled || !formik.values.sso.oidc["auto-register-new-users"]}/>
!formik.values.sso.oidc["auto-register-new-users"]}/>
</div>
</div> </div>
<Section title="SSO provider configuration"/> <Section title="SSO provider configuration"/>
@@ -71,7 +69,7 @@ function SsoManagementLayout({getConfig, formik, setSaveMessage}: any) {
<Button <Button
isDisabled={isAutoPopulateDisabled()} isDisabled={isAutoPopulateDisabled()}
onPress={autoPopulate} onPress={autoPopulate}
className="h-14"><MagicWand className="min-w-5"/> Auto-populate</Button> className="h-14"><MagicWand className="min-w-5"/>Auto-populate</Button>
</div> </div>
<ConfigFormField configElement={getConfig("sso.oidc.authorize-url")} <ConfigFormField configElement={getConfig("sso.oidc.authorize-url")}
isDisabled={!formik.values.sso.oidc.enabled}/> isDisabled={!formik.values.sso.oidc.enabled}/>
@@ -9,9 +9,9 @@ const SelectInput = ({label, values, ...props}) => {
const items = values.map((v: string) => ({key: v, label: v})); const items = values.map((v: string) => ({key: v, label: v}));
return ( return (
<div> <div className="min-h-20 flex-grow">
<Select <Select
className="min-h-20" fullWidth={true}
{...field} {...field}
{...props} {...props}
label={label} label={label}