mirror of
https://github.com/Dispatcharr/Dispatcharr.git
synced 2026-07-18 00:55:50 +00:00
Align Advanced toggle below Scheduled Backups header
Moved the Advanced (Cron Expression) switch outside the scheduleLoading conditional and wrapped it in its own Group for proper alignment. Layout is now: - Scheduled Backups header with Enabled/Disabled switch - Advanced (Cron Expression) toggle (aligned left) - Schedule configuration inputs (conditional based on mode) This provides clearer visual hierarchy and better UX.
This commit is contained in:
parent
d4fbc9dc61
commit
901cc09e38
1 changed files with 10 additions and 9 deletions
|
|
@ -612,19 +612,20 @@ export default function BackupManager() {
|
|||
/>
|
||||
</Group>
|
||||
|
||||
<Group justify="flex-start">
|
||||
<Switch
|
||||
checked={advancedMode}
|
||||
onChange={(e) => setAdvancedMode(e.currentTarget.checked)}
|
||||
label="Advanced (Cron Expression)"
|
||||
disabled={!schedule.enabled}
|
||||
size="sm"
|
||||
/>
|
||||
</Group>
|
||||
|
||||
{scheduleLoading ? (
|
||||
<Loader size="sm" />
|
||||
) : (
|
||||
<>
|
||||
<Switch
|
||||
checked={advancedMode}
|
||||
onChange={(e) => setAdvancedMode(e.currentTarget.checked)}
|
||||
label="Advanced (Cron Expression)"
|
||||
disabled={!schedule.enabled}
|
||||
size="sm"
|
||||
mb="xs"
|
||||
/>
|
||||
|
||||
{advancedMode ? (
|
||||
<>
|
||||
<Stack gap="sm">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue