enhance(client): ノート/ユーザー検索ページでEnterキーを押すと検索するように

This commit is contained in:
NoriDev 2023-06-10 22:25:33 +09:00
parent abe3e7426d
commit 42f5050b54
3 changed files with 15 additions and 2 deletions

View file

@ -33,6 +33,7 @@
- 미디어 타임라인 추가 ([misskey.design c01be0d](https://github.com/kiyo4act/misskey.design/commit/c01be0dc7674cdf0bcac6081c63baab52c4c9abe))
- ruby 표기 지원 ([misskey.design 8826fbf](https://github.com/kiyo4act/misskey.design/commit/8826fbf77a9d6ff5cac7368da999f3d04aa68c97))
- 노트 검색을 전체/로컬/리모트로 나누도록 변경 ([misskey.design 4adad07](https://github.com/kiyo4act/misskey.design/commit/4adad0768ce02bd49207a94678cf3c9130ed9e10))
- 노트/유저 검색 페이지에서 Enter 키를 누르면 검색하도록
### Client
- 모바일에서 UI 흐림 효과를 껐을 때 가독성 향상

View file

@ -1,7 +1,7 @@
<template>
<div class="_gaps">
<div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @keydown="onInputKeydown">
<template #prefix><i class="ti ti-search"></i></template>
</MkInput>
<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@ -101,4 +101,10 @@ async function search() {
key++;
}
function onInputKeydown(evt: KeyboardEvent) {
if (evt.key === 'Enter') {
search();
}
}
</script>

View file

@ -1,7 +1,7 @@
<template>
<div class="_gaps">
<div class="_gaps">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search">
<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @keydown="onInputKeydown">
<template #prefix><i class="ti ti-search"></i></template>
</MkInput>
<MkRadios v-model="searchOrigin" @update:modelValue="search()">
@ -74,4 +74,10 @@ async function search() {
key = query;
}
function onInputKeydown(evt: KeyboardEvent) {
if (evt.key === 'Enter') {
search();
}
}
</script>