From 91ac716c34a4f162589ec61d9e20f454277ef595 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Fri, 27 Mar 2026 23:01:06 +0900
Subject: [PATCH] fix: emoji size in gallery and avatar dialog

---
 src/components/Emoji.vue                          | 15 +++++++++++----
 .../dialogs/AvatarDialog/AvatarDialog.vue         |  1 +
 src/views/Tools/Gallery.vue                       |  1 -
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/Emoji.vue b/src/components/Emoji.vue
index f1c354e4..2bfde959 100644
--- a/src/components/Emoji.vue
+++ b/src/components/Emoji.vue
@@ -1,10 +1,10 @@
 <template>
-    <div style="overflow: hidden" :style="{ width: size + 'px', height: size + 'px' }">
+    <div class="overflow-hidden" :style="sizeStyle">
         <div
             v-if="image.frames"
             class="avatar"
             :style="generateEmojiStyle(imageUrl, image.framesOverTime, image.frames, image.loopStyle, size)"></div>
-        <Avatar v-else class="rounded" :style="{ width: size + 'px', height: size + 'px' }">
+        <Avatar v-else class="rounded w-full h-full">
             <AvatarImage :src="imageUrl" class="object-cover" />
             <AvatarFallback class="rounded">
                 <Image class="size-4 text-muted-foreground" />
@@ -14,7 +14,7 @@
 </template>
 
 <script setup>
-    import { onMounted, ref, watch } from 'vue';
+    import { computed, onMounted, ref, watch } from 'vue';
     import { Image } from 'lucide-vue-next';
 
     import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
@@ -26,7 +26,14 @@
 
     const props = defineProps({
         imageUrl: { type: String, default: '' },
-        size: { type: Number, default: 100 }
+        size: { type: Number, default: 0 }
+    });
+
+    const sizeStyle = computed(() => {
+        if (props.size > 0) {
+            return { width: props.size + 'px', height: props.size + 'px' };
+        }
+        return {};
     });
 
     const image = ref({
diff --git a/src/components/dialogs/AvatarDialog/AvatarDialog.vue b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
index 9af0df90..ca29f563 100644
--- a/src/components/dialogs/AvatarDialog/AvatarDialog.vue
+++ b/src/components/dialogs/AvatarDialog/AvatarDialog.vue
@@ -629,6 +629,7 @@
 
     import SetAvatarStylesDialog from './SetAvatarStylesDialog.vue';
     import SetAvatarTagsDialog from './SetAvatarTagsDialog.vue';
+    import { AppDebug } from '@/services/appConfig';
 
     const { sortUserDialogAvatars } = useUserStore();
     const { userDialog, currentUser } = storeToRefs(useUserStore());
diff --git a/src/views/Tools/Gallery.vue b/src/views/Tools/Gallery.vue
index ffbaf6a3..66402e1c 100644
--- a/src/views/Tools/Gallery.vue
+++ b/src/views/Tools/Gallery.vue
@@ -327,7 +327,6 @@
                                     ">
                                     <Emoji
                                         :imageUrl="image.versions[image.versions.length - 1].file.url"
-                                        :size="200"
                                         class="aspect-square w-full rounded-t-md" />
                                 </ItemHeader>
                                 <ItemContent class="min-w-0 px-2.5 pt-1.5 pb-0">