mirror/Hangar
2
0
Fork 0
mirror of https://github.com/HangarMC/Hangar.git synced 2025-03-07 15:31:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(InputSelect): broken appearance on safari

Browse Source
This commit is contained in:
Jake Potrebic 2022-12-29 15:36:36 -08:00
parent 367bff100b
commit 5df43a843f
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/lib/components/ui/InputSelect.vue
View File

@ -59,11 +59,12 @@ const { v, errors, hasError } = useValidation(props.label, props.rules, internal
:no-error-tooltip="noErrorTooltip"
>
<template #default="slotProps">
<select v-model="internalVal" :disabled="disabled" :class="slotProps.class" @blur="v.$touch()">
<select v-model="internalVal" :disabled="disabled" :class="slotProps.class" class="appearance-none" @blur="v.$touch()">
<option v-for="val in values" :key="val[itemValue] || val" :value="val[itemValue] || val" class="dark:bg-[#191e28]">
{{ i18nTextValues ? i18n.t(val[itemText] || val) : val[itemText] || val }}
</option>
</select>
<IconMdiMenuDown class="absolute flex right-2 self-center -z-index-1" />
</template>
<template v-for="(_, name) in $slots" #[name]="slotData">
<slot :name="name" v-bind="slotData || {}" />