From 3eda7b7fe65f8be3b8c991d21f5d7335eb54cb2d Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Thu, 21 Nov 2024 20:58:59 +0100
Subject: [PATCH] Added searchbar placeholder

---
 frontend/components/ChampionSelector.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 859fa89..a2961a0 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -14,7 +14,7 @@ watch(searchText, (newT, oldT) => {
 <template>
     <div>
     <div style="width: fit-content; margin: auto;">
-        <input v-model="searchText" ref="searchBar" class="search-bar" type="text"/>
+        <input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Champion name..."/>
     </div>
     <div class="champion-container" style="margin-top: 20px;">
         <RouterLink style="margin-left: 5px; margin-right: 5px;" v-for="champion in filteredChampions" :to="'/champion/' + champion.id">
@@ -35,6 +35,7 @@ watch(searchText, (newT, oldT) => {
 
     border-radius: 12px;
     border: none;
+    padding-left: 5px;
 }
 .search-bar:focus {
     border: 2px solid var(--color-on-surface);