style: 修复下拉列表样式异常

2025-05-16 23:32:46 +08:00
parent 590ebe5ba7
commit 61eab37eb4
1 changed files with 2 additions and 1 deletions
@@ -45,7 +45,8 @@
              <select
                id="transferMethod"
                v-model="transferMethod"
-                class="form-select w-full px-3 py-2 border border-border rounded-md shadow-sm bg-input text-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary text-sm"
+                class="w-full px-3 py-2 border border-border rounded-md shadow-sm bg-background text-foreground focus:outline-none focus:ring-1 focus:ring-primary focus:border-primary appearance-none bg-no-repeat bg-right pr-8"
+                style="background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3e%3cpath fill=\'none\' stroke=\'%236c757d\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M2 5l6 6 6-6\'/%3e%3c/svg%3e'); background-position: right 0.75rem center; background-size: 16px 12px;"
              >
                <option value="auto">{{ t('sendFilesModal.transferMethodAuto') }}</option>
                <option value="rsync">rsync</option>