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>