Joururi/leim-maps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed placeholder style for search

Browse Source
This commit is contained in:
Alexis
2023-10-14 11:40:18 +02:00
parent da2faedd27
commit fab55fd404
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/maps/overlay/SearchMarkers.vue
View File

@@ -87,7 +87,7 @@ onUpdated(() => {
<div ref="searchBar" class="search-w" :data-focused="shouldBeActive"> <div ref="searchBar" class="search-w" :data-focused="shouldBeActive">
<div class="input-w"> <div class="input-w">
<i class="search-icon ph-fill ph-magnifying-glass"></i> <i class="search-icon ph-fill ph-magnifying-glass"></i>
<input ref="qInput" name="recherche" type="text" v-model="q" title="Rechercher le monde"> <input ref="qInput" name="recherche" type="text" v-model="q" title="Rechercher le monde" placeholder="Ville, point d'intérêt…">
<button data-to-players class="player-btn" :tabindex="shouldBeActive ? 1 : 0" title="Aller à la position actuelle des joueurs"> <button data-to-players class="player-btn" :tabindex="shouldBeActive ? 1 : 0" title="Aller à la position actuelle des joueurs">
<i class="pin-icon ph-fill ph-map-pin"></i> <i class="pin-icon ph-fill ph-map-pin"></i>
@@ -131,6 +131,10 @@ onUpdated(() => {
min-width: 10rem; min-width: 10rem;
padding-inline-start: calc($search-icon-size + $search-items-gap); padding-inline-start: calc($search-icon-size + $search-items-gap);
flex-grow: 1; flex-grow: 1;
&::placeholder {
color: var(--slate-400);
}
} }
.search-icon { .search-icon {