From baf729e9bf7b7e6c23e74f6aa1ad284add441052 Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Sat, 20 Jun 2020 20:14:13 +0200
Subject: [PATCH] feat: add placeholder in search input

---
 client/src/components/Form/SearchForm.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Form/SearchForm.vue b/client/src/components/Form/SearchForm.vue
index 840d242..fedd113 100644
--- a/client/src/components/Form/SearchForm.vue
+++ b/client/src/components/Form/SearchForm.vue
@@ -16,9 +16,10 @@
         v-model="summoner"
         @focus="selected = true"
         :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"
         type="text"
+        placeholder="Search summoner"
       />
       <transition name="scale-fade">
         <SearchFormDropdown v-if="selected" @click-dropdown="clickDropdown = true" />
@@ -208,6 +209,10 @@ export default {
 </script>
 
 <style scoped>
+.summoner-input::placeholder {
+  @apply font-normal;
+}
+
 .offsetDropDownXl {
   top: 58px;
   right: 50px;