vhaudiquet/buildpath
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Added searchbar placeholder

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-11-21 20:58:59 +01:00
parent 56d1075459
commit 3eda7b7fe6
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/components/ChampionSelector.vue
View File

@@ -14,7 +14,7 @@ watch(searchText, (newT, oldT) => {
<template> <template>
<div> <div>
<div style="width: fit-content; margin: auto;"> <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>
<div class="champion-container" style="margin-top: 20px;"> <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"> <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-radius: 12px;
border: none; border: none;
padding-left: 5px;
} }
.search-bar:focus { .search-bar:focus {
border: 2px solid var(--color-on-surface); border: 2px solid var(--color-on-surface);