fix(backup settings): swap + and -

modrinth · Oct 29, 2024 · 7d0930b · 7d0930b
1 parent 1c9b6c7
commit 7d0930b
Showing 1 changed file with 17 additions and 16 deletions.
diff --git 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" }}