mirror of
https://github.com/styppo/hamstr.git
synced 2024-10-18 05:23:28 +00:00
* Fix clicks not registering for search results, closes #23
* Blur search box on escape press
This commit is contained in:
parent
9037fee305
commit
e0bb92cce2
@ -8,12 +8,14 @@
|
|||||||
<div class="searchbox-input">
|
<div class="searchbox-input">
|
||||||
<q-form @submit.stop="search">
|
<q-form @submit.stop="search">
|
||||||
<input
|
<input
|
||||||
|
v-model="query"
|
||||||
|
ref="input"
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="Search profiles"
|
placeholder="Search profiles"
|
||||||
v-model="query"
|
|
||||||
@focus="toggleFocus"
|
@focus="toggleFocus"
|
||||||
@blur="toggleFocus"
|
@blur="toggleFocus"
|
||||||
@keyup="search"
|
@keyup="search"
|
||||||
|
@keyup.esc="$refs.input.blur()"
|
||||||
>
|
>
|
||||||
</q-form>
|
</q-form>
|
||||||
</div>
|
</div>
|
||||||
@ -24,7 +26,14 @@
|
|||||||
<div v-if="!results.length" class="query-example">
|
<div v-if="!results.length" class="query-example">
|
||||||
<b>npub…</b> or <b>[user]@domain</b> or <b>name</b>
|
<b>npub…</b> or <b>[user]@domain</b> or <b>name</b>
|
||||||
</div>
|
</div>
|
||||||
<UserCard v-for="pubkey in results" :key="pubkey" :pubkey="pubkey" class="searchbox-results-item" clickable />
|
<UserCard
|
||||||
|
v-for="pubkey in results"
|
||||||
|
:key="pubkey"
|
||||||
|
:pubkey="pubkey"
|
||||||
|
class="searchbox-results-item"
|
||||||
|
clickable
|
||||||
|
@mousedown="goToProfile(pubkey)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</Transition>
|
</Transition>
|
||||||
</div>
|
</div>
|
||||||
@ -34,9 +43,11 @@
|
|||||||
import BaseIcon from 'components/BaseIcon'
|
import BaseIcon from 'components/BaseIcon'
|
||||||
import SearchProvider from 'src/nostr/SearchProvider'
|
import SearchProvider from 'src/nostr/SearchProvider'
|
||||||
import UserCard from 'components/User/UserCard.vue'
|
import UserCard from 'components/User/UserCard.vue'
|
||||||
|
import routerMixin from 'src/router/mixin'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'SearchBox',
|
name: 'SearchBox',
|
||||||
|
mixins: [routerMixin],
|
||||||
components: {
|
components: {
|
||||||
UserCard,
|
UserCard,
|
||||||
BaseIcon,
|
BaseIcon,
|
||||||
|
Loading…
Reference in New Issue
Block a user