mirror of
https://github.com/BerriAI/litellm.git
synced 2026-10-08 03:08:45 +00:00
Enhance Admin Panel UI: Adjust button styles and layout for better accessibility and user experience
This commit is contained in:
parent
f782cc7e4d
commit
7d4a70bfe3
1 changed files with 13 additions and 3 deletions
|
|
@ -534,12 +534,22 @@ const AdminPanel: React.FC<AdminPanelProps> = ({
|
|||
<TabPanel>
|
||||
<Card>
|
||||
<Title level={4}> ✨ Security Settings</Title>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem' }}>
|
||||
<div style={{ display: 'flex', flexDirection: 'column', gap: '1rem', marginTop: '1rem', marginLeft: '0.5rem' }}>
|
||||
<div>
|
||||
<Button onClick={() => premiumUser === true ? setIsAddSSOModalVisible(true) : message.error("Only premium users can add SSO")}>Add SSO</Button>
|
||||
<Button
|
||||
style={{ width: '150px' }}
|
||||
onClick={() => premiumUser === true ? setIsAddSSOModalVisible(true) : message.error("Only premium users can add SSO")}
|
||||
>
|
||||
Add SSO
|
||||
</Button>
|
||||
</div>
|
||||
<div>
|
||||
<Button onClick={handleShowAllowedIPs}>Allowed IPs</Button>
|
||||
<Button
|
||||
style={{ width: '150px' }}
|
||||
onClick={handleShowAllowedIPs}
|
||||
>
|
||||
Allowed IPs
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue