Add provider modal optimised

This commit is contained in:
Arunavo Ray
2025-08-29 19:17:40 +05:30
parent 921eb5e07d
commit 8c4d9508c7

View File

@@ -372,8 +372,8 @@ export function SSOSettings() {
Add Provider Add Provider
</Button> </Button>
</DialogTrigger> </DialogTrigger>
<DialogContent className="max-w-2xl"> <DialogContent className="max-w-2xl max-h-[90vh] md:max-h-[85vh] lg:max-h-[90vh] overflow-hidden flex flex-col">
<DialogHeader> <DialogHeader className="flex-shrink-0">
<DialogTitle>{editingProvider ? 'Edit SSO Provider' : 'Add SSO Provider'}</DialogTitle> <DialogTitle>{editingProvider ? 'Edit SSO Provider' : 'Add SSO Provider'}</DialogTitle>
<DialogDescription> <DialogDescription>
{editingProvider {editingProvider
@@ -381,14 +381,15 @@ export function SSOSettings() {
: 'Configure an external identity provider for user authentication'} : 'Configure an external identity provider for user authentication'}
</DialogDescription> </DialogDescription>
</DialogHeader> </DialogHeader>
<Tabs value={providerType} onValueChange={(value) => setProviderType(value as 'oidc' | 'saml')}> <div className="flex-1 overflow-y-auto px-1 -mx-1">
<TabsList className="grid w-full grid-cols-2"> <Tabs value={providerType} onValueChange={(value) => setProviderType(value as 'oidc' | 'saml')}>
<TabsTrigger value="oidc">OIDC / OAuth2</TabsTrigger> <TabsList className="grid w-full grid-cols-2 sticky top-0 z-10 bg-background">
<TabsTrigger value="saml">SAML 2.0</TabsTrigger> <TabsTrigger value="oidc">OIDC / OAuth2</TabsTrigger>
</TabsList> <TabsTrigger value="saml">SAML 2.0</TabsTrigger>
</TabsList>
{/* Common Fields */}
<div className="space-y-4 mt-4"> {/* Common Fields */}
<div className="space-y-4 mt-4">
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div className="space-y-2"> <div className="space-y-2">
<Label htmlFor="providerId">Provider ID</Label> <Label htmlFor="providerId">Provider ID</Label>
@@ -569,7 +570,8 @@ export function SSOSettings() {
</Alert> </Alert>
</TabsContent> </TabsContent>
</Tabs> </Tabs>
<DialogFooter> </div>
<DialogFooter className="flex-shrink-0 pt-4 border-t">
<Button <Button
variant="outline" variant="outline"
onClick={() => { onClick={() => {