replaces delete-search icon as ⨉ instead of x > Improvement

It looks so much better
This commit is contained in:
SecularSteve 2023-04-18 23:09:23 +02:00 committed by GitHub
parent d06ccc0757
commit 811ce64084
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -25,7 +25,7 @@
@focus="onInputFocus" @focus="onInputFocus"
@blur="onInputBlur" @blur="onInputBlur"
/> />
<span v-if="searchText" class="delete-search" @click="searchText = ''">x</span> <span v-if="searchText" class="delete-search" @click="searchText = ''"></span>
</div> </div>
<!-- three vertical lines for toggling the hamburger menu on mobile --> <!-- three vertical lines for toggling the hamburger menu on mobile -->
<button class="md:hidden flex flex-col justify-end mr-3" @click="showTopNav = !showTopNav"> <button class="md:hidden flex flex-col justify-end mr-3" @click="showTopNav = !showTopNav">
@ -100,7 +100,7 @@
@focus="onInputFocus" @focus="onInputFocus"
@blur="onInputBlur" @blur="onInputBlur"
/> />
<span v-if="searchText" class="delete-search" @click="searchText = ''">x</span> <span v-if="searchText" class="delete-search" @click="searchText = ''"></span>
</div> </div>
<SearchSuggestions <SearchSuggestions
v-show="(searchText || showSearchHistory) && suggestionsVisible" v-show="(searchText || showSearchHistory) && suggestionsVisible"