replace el-input with InputGroup

src/components/dialogs/AvatarDialog/AvatarDialog.vue

@@ -402,16 +402,13 @@
                         <div class="x-friend-item" style="width: 100%; cursor: default">
                             <div class="detail">
                                 <span class="name" style="margin-bottom: 5px">{{ t('dialog.avatar.info.memo') }}</span>
-                                <el-input
+                                <InputGroupTextareaField
                                     v-model="memo"
                                     class="extra"
-                                    size="small"
-                                    type="textarea"
                                     :rows="2"
-                                    :autosize="{ minRows: 1, maxRows: 20 }"
                                     :placeholder="t('dialog.avatar.info.memo_placeholder')"
-                                    resize="none"
-                                    @change="onAvatarMemoChange"></el-input>
+                                    input-class="resize-none min-h-0"
+                                    @change="onAvatarMemoChange" />
                             </div>
                         </div>
                         <div class="x-friend-item" style="width: 100%; cursor: default">
@@ -545,6 +542,7 @@
     import { computed, defineAsyncComponent, nextTick, ref, watch } from 'vue';
     import { Button } from '@/components/ui/button';
     import { ElMessageBox } from 'element-plus';
+    import { InputGroupTextareaField } from '@/components/ui/input-group';
     import { Spinner } from '@/components/ui/spinner';
     import { storeToRefs } from 'pinia';
     import { toast } from 'vue-sonner';

src/components/dialogs/AvatarDialog/SetAvatarStylesDialog.vue

@@ -56,14 +56,13 @@
 
             <div style="font-size: 12px">{{ t('dialog.set_world_tags.author_tags') }}</div>
 
-            <el-input
+            <InputGroupTextareaField
                 :model-value="setAvatarStylesDialog.authorTags"
-                type="textarea"
-                size="small"
-                show-word-limit
                 :autosize="{ minRows: 2, maxRows: 5 }"
+                :rows="2"
                 placeholder=""
                 style="margin-top: 10px"
+                input-class="resize-none"
                 @update:modelValue="(v) => updateDialog({ authorTags: v })" />
         </template>
 
@@ -80,6 +79,7 @@
 
 <script setup>
     import { Button } from '@/components/ui/button';
+    import { InputGroupTextareaField } from '@/components/ui/input-group';
     import { toast } from 'vue-sonner';
     import { useI18n } from 'vue-i18n';
     import { watch } from 'vue';

src/components/dialogs/AvatarDialog/SetAvatarTagsDialog.vue

@@ -29,13 +29,13 @@
                 <span>{{ t('dialog.set_avatar_tags.content_sex') }}</span>
             </label>
             <br />
-            <el-input
+            <InputGroupTextareaField
                 v-model="setAvatarTagsDialog.selectedTagsCsv"
-                size="small"
-                :autosize="{ minRows: 2, maxRows: 5 }"
+                :rows="2"
                 :placeholder="t('dialog.set_avatar_tags.custom_tags_placeholder')"
                 style="margin-top: 10px"
-                @input="updateInputAvatarTags"></el-input>
+                input-class="resize-none"
+                @input="updateInputAvatarTags" />
             <br />
             <br />
             <template
@@ -101,6 +101,7 @@
 <script setup>
     import { Button } from '@/components/ui/button';
     import { Checkbox } from '@/components/ui/checkbox';
+    import { InputGroupTextareaField } from '@/components/ui/input-group';
     import { Loading } from '@element-plus/icons-vue';
     import { toast } from 'vue-sonner';
     import { useI18n } from 'vue-i18n';