From 5ef4a52bbdc1fb8487263071bc9ab08b85badda0 Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Tue, 3 Nov 2020 10:54:41 +0900 Subject: [PATCH] Improve usability of emoji page --- src/client/pages/instance/emojis.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/client/pages/instance/emojis.vue b/src/client/pages/instance/emojis.vue index 1cb0915195..9001a5c5eb 100644 --- a/src/client/pages/instance/emojis.vue +++ b/src/client/pages/instance/emojis.vue @@ -5,7 +5,7 @@ </div> <div class="_section"> - <div class="_content local" v-if="tab === 'local'"> + <div class="local" v-if="tab === 'local'"> <MkButton primary @click="add" style="margin: 0 auto var(--margin) auto;"><Fa :icon="faPlus"/> {{ $t('addEmoji') }}</MkButton> <MkInput v-model:value="query" :debounce="true" type="search"><template #icon><Fa :icon="faSearch"/></template><span>{{ $t('search') }}</span></MkInput> <MkPagination :pagination="pagination" ref="emojis"> @@ -24,7 +24,7 @@ </MkPagination> </div> - <div class="_content remote" v-else-if="tab === 'remote'"> + <div class="remote" v-else-if="tab === 'remote'"> <MkInput v-model:value="queryRemote" :debounce="true" type="search"><template #icon><Fa :icon="faSearch"/></template><span>{{ $t('search') }}</span></MkInput> <MkInput v-model:value="host" :debounce="true"><span>{{ $t('host') }}</span></MkInput> <MkPagination :pagination="remotePagination" ref="remoteEmojis"> @@ -83,14 +83,14 @@ export default defineComponent({ host: '', pagination: { endpoint: 'admin/emoji/list', - limit: 15, + limit: 30, params: computed(() => ({ query: (this.query && this.query !== '') ? this.query : null })) }, remotePagination: { endpoint: 'admin/emoji/list-remote', - limit: 15, + limit: 30, params: computed(() => ({ query: (this.queryRemote && this.queryRemote !== '') ? this.queryRemote : null, host: (this.host && this.host !== '') ? this.host : null