ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Projects Releases Wiki Activity

Fix search bar placeholder not working after changing language #4

Browse Source
This commit is contained in:
dragongoose 2023-07-10 22:32:50 -04:00
parent 3fc43d27a6
commit 8e7087c461
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/SearchBar.vue
View File

@ -16,10 +16,18 @@ export default {
<template> <template>
<div class="relative hidden md:block"> <div class="relative hidden md:block">
<label for="searchBar" class="hidden">{{ $t("main.search") }}</label> <form class="relative">
<v-icon name="io-search-outline" class="text-black absolute my-auto inset-y-0 left-2"></v-icon> <label for="searchBar" class="hidden">{{ $t("main.search") }}</label>
<input type="text" :placeholder="$t('main.search')" <v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
@keyup.enter=redirectToSearch v-model="searchInput" <input
class="rounded-md p-1 pl-8 text-black" ref="searchInput" /> type="text"
id="searchBar"
name="searchBar"
:placeholder="$t('main.search')"
v-model="searchInput"
@keyup.enter=redirectToSearch
class="rounded-md p-1 pl-8 text-black bg-white placeholder:text-black"
/>
</form>
</div> </div>
</template> </template>