Enhance Admin Panel UI: Adjust button styles and layout for better accessibility and user experience

This commit is contained in:
Cole McIntosh 2025-06-04 13:32:43 -06:00
parent f782cc7e4d
commit 7d4a70bfe3

View file

@ -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>