aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorHsiangNianian <i@jyunko.cn>2026-01-15 16:57:42 +0800
committerHsiangNianian <i@jyunko.cn>2026-01-15 17:36:40 +0800
commit42bac8d27c660b8c4a0cc9b7412f8349413c087e (patch)
tree8062b5bc28c6b7965c04da707016e4d6ce3bcfc9
parent84b429680f19ac736c3a5c7e8db3d934aa7e6791 (diff)
downloadDropOut-42bac8d27c660b8c4a0cc9b7412f8349413c087e.tar.gz
DropOut-42bac8d27c660b8c4a0cc9b7412f8349413c087e.zip
style: Update select element styles in ModLoaderSelector for improved UI consistency and user interaction
-rw-r--r--ui/src/components/ModLoaderSelector.svelte4
1 files changed, 2 insertions, 2 deletions
diff --git a/ui/src/components/ModLoaderSelector.svelte b/ui/src/components/ModLoaderSelector.svelte
index ab46a93..d0c1b59 100644
--- a/ui/src/components/ModLoaderSelector.svelte
+++ b/ui/src/components/ModLoaderSelector.svelte
@@ -166,7 +166,7 @@
<div class="relative">
<select
id="fabric-loader-select"
- class="w-full appearance-none bg-white dark:bg-black/20 border border-zinc-200 dark:border-white/10 rounded-sm px-4 py-2 text-sm focus:outline-none focus:border-black dark:focus:border-white text-gray-900 dark:text-white transition-colors"
+ class="w-full bg-white dark:bg-zinc-900 border border-zinc-300 dark:border-zinc-700 rounded-md px-4 py-2.5 pr-10 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/30 text-gray-900 dark:text-white transition-colors cursor-pointer hover:border-zinc-400 dark:hover:border-zinc-600"
bind:value={selectedFabricLoader}
>
{#each fabricLoaders as loader}
@@ -202,7 +202,7 @@
<div class="relative">
<select
id="forge-version-select"
- class="w-full appearance-none bg-white dark:bg-black/20 border border-zinc-200 dark:border-white/10 rounded-sm px-4 py-2 text-sm focus:outline-none focus:border-black dark:focus:border-white text-gray-900 dark:text-white transition-colors"
+ class="w-full bg-white dark:bg-zinc-900 border border-zinc-300 dark:border-zinc-700 rounded-md px-4 py-2.5 pr-10 text-sm focus:outline-none focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500/30 text-gray-900 dark:text-white transition-colors cursor-pointer hover:border-zinc-400 dark:hover:border-zinc-600"
bind:value={selectedForgeVersion}
>
{#each forgeVersions as version}