Merge pull request #113 from nagisa77/codex/update-dropdowns-on-settings-page

Fix admin dropdown defaults & input focus style

open-isle-cli/src/components/BaseInput.vue

@@ -61,6 +61,10 @@ export default {
   gap: 10px;
 }
 
+.base-input:focus-within {
+  border-color: var(--primary-color);
+}
+
 .base-input-icon {
   opacity: 0.5;
   font-size: 16px;

open-isle-cli/src/components/Dropdown.vue

@@ -104,23 +104,29 @@ export default {
       }
     }
 
+    const loadOptions = async () => {
+      if (loaded.value) return
+      try {
+        loading.value = true
+        const res = await props.fetchOptions()
+        options.value = Array.isArray(res) ? res : []
+        loaded.value = true
+      } catch {
+        options.value = []
+      } finally {
+        loading.value = false
+      }
+    }
+
     watch(open, async val => {
       if (val && !loaded.value) {
-        try {
-          loading.value = true
-          const res = await props.fetchOptions()
-          options.value = Array.isArray(res) ? res : []
-          loaded.value = true
-        } catch {
-          options.value = []
-        } finally {
-          loading.value = false
-        }
+        await loadOptions()
       }
     })
 
     onMounted(() => {
       document.addEventListener('click', clickOutside)
+      loadOptions()
     })
 
     onBeforeUnmount(() => {