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:
Jim McBride 2025-12-09 08:32:49 -06:00
parent d4fbc9dc61
commit 901cc09e38
No known key found for this signature in database
GPG key ID: E02BFB7AB3C895D7

View file

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