Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2024-12-22 13:22:58 -05:00
Code Issues 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>
<div class="relative hidden md:block">
<label for="searchBar" class="hidden">{{ $t("main.search") }}</label>
<v-icon name="io-search-outline" class="text-black absolute my-auto inset-y-0 left-2"></v-icon>
<input type="text" :placeholder="$t('main.search')"
@keyup.enter=redirectToSearch v-model="searchInput"
class="rounded-md p-1 pl-8 text-black" ref="searchInput" />
<form class="relative">
<label for="searchBar" class="hidden">{{ $t("main.search") }}</label>
<v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
<input
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>
</template>