forked from Mirrors/Dispatcharr
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