From c0371e91043a3679efcc88f5010a10cbaeabac77 Mon Sep 17 00:00:00 2001
From: IanShaw027 <ianshaw027@gmail.com>
Date: Tue, 21 Apr 2026 22:38:47 +0800
Subject: [PATCH] frontend: align gateway scheduling toggles

---
 frontend/src/views/admin/SettingsView.vue | 62 +++++++++--------------
 1 file changed, 25 insertions(+), 37 deletions(-)

diff --git a/frontend/src/views/admin/SettingsView.vue b/frontend/src/views/admin/SettingsView.vue
index ef4a13e8..efe38dd6 100644
--- a/frontend/src/views/admin/SettingsView.vue
+++ b/frontend/src/views/admin/SettingsView.vue
@@ -2490,47 +2490,35 @@
                 {{ t("admin.settings.scheduling.description") }}
               </p>
             </div>
-            <div class="p-6">
-              <div class="space-y-4">
-                <div class="flex items-center justify-between">
-                  <div>
-                    <label
-                      class="text-sm font-medium text-gray-700 dark:text-gray-300"
-                    >
-                      {{ t("admin.settings.scheduling.allowUngroupedKey") }}
-                    </label>
-                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">
-                      {{ t("admin.settings.scheduling.allowUngroupedKeyHint") }}
-                    </p>
-                  </div>
-                  <label class="toggle">
-                    <input
-                      v-model="form.allow_ungrouped_key_scheduling"
-                      type="checkbox"
-                    />
-                    <span class="toggle-slider"></span>
+            <div class="space-y-5 p-6">
+              <div class="flex items-center justify-between">
+                <div>
+                  <label
+                    class="text-sm font-medium text-gray-700 dark:text-gray-300"
+                  >
+                    {{ t("admin.settings.scheduling.allowUngroupedKey") }}
                   </label>
+                  <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">
+                    {{ t("admin.settings.scheduling.allowUngroupedKeyHint") }}
+                  </p>
                 </div>
+                <Toggle v-model="form.allow_ungrouped_key_scheduling" />
+              </div>
 
-                <div
-                  class="flex items-center justify-between rounded border border-gray-200 px-4 py-3 dark:border-dark-700"
-                >
-                  <div>
-                    <label
-                      class="text-sm font-medium text-gray-700 dark:text-gray-300"
-                    >
-                      {{
-                        t("admin.settings.openaiExperimentalScheduler.title")
-                      }}
-                    </label>
-                    <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">
-                      {{
-                        t("admin.settings.openaiExperimentalScheduler.description")
-                      }}
-                    </p>
-                  </div>
-                  <Toggle v-model="form.openai_advanced_scheduler_enabled" />
+              <div class="flex items-center justify-between">
+                <div>
+                  <label
+                    class="text-sm font-medium text-gray-700 dark:text-gray-300"
+                  >
+                    {{ t("admin.settings.openaiExperimentalScheduler.title") }}
+                  </label>
+                  <p class="mt-0.5 text-xs text-gray-500 dark:text-gray-400">
+                    {{
+                      t("admin.settings.openaiExperimentalScheduler.description")
+                    }}
+                  </p>
                 </div>
+                <Toggle v-model="form.openai_advanced_scheduler_enabled" />
               </div>
             </div>
           </div>