From de00b0575a50b7cc219ceb074bc91aba347f86f5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=8A=E3=81=95=E3=82=80=E3=81=AE=E3=81=B2=E3=81=A8?= <46447427+samunohito@users.noreply.github.com> Date: Mon, 19 Aug 2024 21:00:06 +0900 Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E6=9D=A1=E4=BB=B6=E3=81=AA?= =?UTF-8?q?=E3=81=A9=E3=82=92=E5=BE=AE=E8=AA=BF=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../admin/custom-emojis-manager.local.list.vue | 18 ++++++++++-------- .../admin/custom-emojis-manager.remote.vue | 12 +++++++++--- 2 files changed, 19 insertions(+), 11 deletions(-) diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue index 0edb49f523..5342a06b63 100644 --- a/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue +++ b/packages/frontend/src/pages/admin/custom-emojis-manager.local.list.vue @@ -4,11 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only --> <template> -<div v-if="gridItems.length === 0" style="text-align: center"> - {{ i18n.ts._customEmojisManager._local._list.emojisNothing }} -</div> - -<MkStickyContainer v-else> +<MkStickyContainer> <template #default> <div class="_gaps"> <MkFolder> @@ -140,11 +136,17 @@ SPDX-License-Identifier: AGPL-3.0-only <XRegisterLogsFolder :logs="requestLogs"/> - <div :class="$style.gridArea"> - <MkGrid :data="gridItems" :settings="setupGrid()" @event="onGridEvent"/> + <div v-if="gridItems.length === 0" style="text-align: center"> + {{ i18n.ts._customEmojisManager._local._list.emojisNothing }} </div> - <MkPagingButtons :current="currentPage" :max="allPages" :buttonCount="5" @pageChanged="onPageChanged"/> + <template v-else> + <div :class="$style.gridArea"> + <MkGrid :data="gridItems" :settings="setupGrid()" @event="onGridEvent"/> + </div> + + <MkPagingButtons :current="currentPage" :max="allPages" :buttonCount="5" @pageChanged="onPageChanged"/> + </template> <div :class="$style.buttons"> <MkButton danger style="margin-right: auto" @click="onDeleteButtonClicked">{{ i18n.ts.delete }}</MkButton> diff --git a/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue b/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue index 4b9b1983e5..200e26c096 100644 --- a/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue +++ b/packages/frontend/src/pages/admin/custom-emojis-manager.remote.vue @@ -76,11 +76,17 @@ SPDX-License-Identifier: AGPL-3.0-only <XRegisterLogsFolder :logs="requestLogs"/> - <div v-if="gridItems.length > 0" :class="$style.gridArea"> - <MkGrid :data="gridItems" :settings="setupGrid()" @event="onGridEvent"/> + <div v-if="gridItems.length === 0" style="text-align: center"> + {{ i18n.ts._customEmojisManager._local._list.emojisNothing }} </div> - <MkPagingButtons :current="currentPage" :max="allPages" :buttonCount="5" @pageChanged="onPageChanged"/> + <template v-else> + <div v-if="gridItems.length > 0" :class="$style.gridArea"> + <MkGrid :data="gridItems" :settings="setupGrid()" @event="onGridEvent"/> + </div> + + <MkPagingButtons :current="currentPage" :max="allPages" :buttonCount="5" @pageChanged="onPageChanged"/> + </template> <div v-if="gridItems.length > 0" class="_gaps" :class="$style.buttons"> <MkButton primary @click="onImportClicked">