From da0c22ece602f66198d652ecec716b10f3100b8b Mon Sep 17 00:00:00 2001 From: mattyatea <mattyacocacora0@gmail.com> Date: Sat, 14 Oct 2023 13:37:50 +0900 Subject: [PATCH] fix --- packages/frontend/src/pages/about.emojis.vue | 10 +++++++--- packages/frontend/src/pages/emojis.emoji.vue | 4 ++-- 2 files changed, 9 insertions(+), 5 deletions(-) diff --git a/packages/frontend/src/pages/about.emojis.vue b/packages/frontend/src/pages/about.emojis.vue index 84469e102c..992dc718e6 100644 --- a/packages/frontend/src/pages/about.emojis.vue +++ b/packages/frontend/src/pages/about.emojis.vue @@ -29,8 +29,8 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </MkFoldableSection> - <MkFoldableSection v-for="category in customEmojiCategories" v-once :key="category"> - <template #header>{{ category || i18n.ts.other }}</template> + <MkFoldableSection v-for="category in filteredCategories" v-once :key="category"> + <template #header>{{ category || i18n.ts.other }}</template> <div :class="$style.emojis"> <XEmoji v-for="emoji in customEmojis.filter(e => e.category === category && !e.draft)" :key="emoji.name" :emoji="emoji" :draft="emoji.draft"/> </div> @@ -68,7 +68,11 @@ const headerTabs = $computed(() => [{ key: 'draft', title: i18n.ts.draftEmojis, }]); - +const filteredCategories = computed(() => { + return customEmojiCategories.value.filter((category: any) => { + return customEmojis.value.some((e: any) => e.category === category && !e.draft); + }); +}); definePageMetadata(ref({})); const pagination = { diff --git a/packages/frontend/src/pages/emojis.emoji.vue b/packages/frontend/src/pages/emojis.emoji.vue index f1b563a90d..5926bc365e 100644 --- a/packages/frontend/src/pages/emojis.emoji.vue +++ b/packages/frontend/src/pages/emojis.emoji.vue @@ -5,9 +5,9 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <button v-if="emoji.draft" class="zuvgdzyu _button emoji-draft" @click="menu"> - <img :src="emoji.url" class="img" loading="lazy"/> + <img style="max-height: 64px;object-fit: contain;" :src="emoji.url" class="img" loading="lazy"/> <div class="body"> - <div class="name _monospace">{{ emoji.name + ' (draft)' }}</div> + <div class="name _monospace">{{ emoji.name + ' (draft)' }}</div> <div class="info">{{ emoji.aliases.join(' ') }}</div> </div> </button>