From 7d0930ba80b77cde4f97717d0b4974917df9f505 Mon Sep 17 00:00:00 2001
From: he3als <65787561+he3als@users.noreply.github.com>
Date: Tue, 29 Oct 2024 23:59:25 +0000
Subject: [PATCH] fix(backup settings): swap + and -

---
 .../ui/servers/BackupSettingsModal.vue        | 33 ++++++++++---------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue b/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue
index 2133c209a..f6750e0cb 100644
--- a/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue
+++ b/apps/frontend/src/components/ui/servers/BackupSettingsModal.vue
@@ -33,11 +33,21 @@
             class="flex w-fit items-center rounded-xl border border-solid border-button-border bg-table-alternateRow"
           >
             <button
-              class="rounded-l-xl p-3 text-secondary hover:text-contrast [&&]:bg-transparent [&&]:hover:bg-button-bg"
+              class="rounded-l-xl p-3 text-secondary enabled:hover:text-contrast [&&]:bg-transparent enabled:[&&]:hover:bg-button-bg"
               :disabled="!autoBackupEnabled || isSaving"
-              @click="autoBackupInterval = Math.min(autoBackupInterval + 1, 24)"
+              @click="autoBackupInterval = Math.max(autoBackupInterval - 1, 1)"
             >
-              <PlusIcon />
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="-2 0 18 2">
+                <path
+                  d="M18,12H6"
+                  transform="translate(-5 -11)"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                />
+              </svg>
             </button>
             <input
               id="auto-backup-interval"
@@ -49,22 +59,13 @@
               max="24"
               :disabled="!autoBackupEnabled || isSaving"
             />
+
             <button
-              class="rounded-r-xl p-3 text-secondary hover:text-contrast [&&]:bg-transparent [&&]:hover:bg-button-bg"
+              class="rounded-r-xl p-3 text-secondary enabled:hover:text-contrast [&&]:bg-transparent enabled:[&&]:hover:bg-button-bg"
               :disabled="!autoBackupEnabled || isSaving"
-              @click="autoBackupInterval = Math.max(autoBackupInterval - 1, 1)"
+              @click="autoBackupInterval = Math.min(autoBackupInterval + 1, 24)"
             >
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="2" viewBox="-2 0 18 2">
-                <path
-                  d="M18,12H6"
-                  transform="translate(-5 -11)"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                />
-              </svg>
+              <PlusIcon />
             </button>
           </div>
           {{ autoBackupInterval == 1 ? "hour" : "hours" }}