Doble/LeagueStats
1
0
Fork 0
mirror of https://github.com/vkaelin/LeagueStats.git synced 2026-03-25 12:57:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add placeholder in search input

Browse source
This commit is contained in:
Valentin Kaelin 2020-06-20 20:14:13 +02:00
parent df695d3559
commit baf729e9bf
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/src/components/Form/SearchForm.vue
View file

@ -16,9 +16,10 @@
v-model="summoner" v-model="summoner"
@focus="selected = true" @focus="selected = true"
:class="[inputClasses]" :class="[inputClasses]"
class="w-full font-bold rounded-none outline-none summoner-input" class="w-full font-bold placeholder-teal-100 placeholder-opacity-75 rounded-none outline-none summoner-input"
spellcheck="false" spellcheck="false"
type="text" type="text"
placeholder="Search summoner"
/> />
<transition name="scale-fade"> <transition name="scale-fade">
<SearchFormDropdown v-if="selected" @click-dropdown="clickDropdown = true" /> <SearchFormDropdown v-if="selected" @click-dropdown="clickDropdown = true" />
@ -208,6 +209,10 @@ export default {
</script> </script>
<style scoped> <style scoped>
.summoner-input::placeholder {
@apply font-normal;
}
.offsetDropDownXl { .offsetDropDownXl {
top: 58px; top: 58px;
right: 50px; right: 50px;