From a5222b9e7df5b9905cf3b4f1737a13d0484a5464 Mon Sep 17 00:00:00 2001
From: Misaka_L <lipww1234@foxmail.com>
Date: Fri, 20 Feb 2026 20:45:38 +0800
Subject: [PATCH] fix: edit-note-and-memo-dialog overflow (#1652)

---
 .../UserDialog/EditNoteAndMemoDialog.vue      | 51 ++++++++++---------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/components/dialogs/UserDialog/EditNoteAndMemoDialog.vue b/src/components/dialogs/UserDialog/EditNoteAndMemoDialog.vue
index 6154a5bd..59e89cbe 100644
--- a/src/components/dialogs/UserDialog/EditNoteAndMemoDialog.vue
+++ b/src/components/dialogs/UserDialog/EditNoteAndMemoDialog.vue
@@ -6,36 +6,39 @@
                 if (!open) cancel();
             }
         ">
-        <DialogContent class="x-dialog sm:max-w-125 translate-y-0" style="top: 30vh" :show-close-button="false">
+        <DialogContent class="x-dialog sm:max-w-125 translate-y-0" style="top: 10vh" :show-close-button="false">
             <DialogHeader>
                 <DialogTitle>{{ t('dialog.user.note_memo.header') }}</DialogTitle>
             </DialogHeader>
 
-            <template v-if="!hideUserNotes || (hideUserNotes && hideUserMemos)">
-                <span class="name my-2">{{ t('dialog.user.info.note') }}</span>
-                <br />
-                <InputGroupTextareaField
-                    v-model="note"
-                    :autosize="{ minRows: 6, maxRows: 20 }"
-                    :maxlength="256"
-                    :rows="6"
-                    :placeholder="t('dialog.user.info.note_placeholder')"
-                    input-class="text-xs resize-none"
-                    class="my-2"
-                    show-count />
-            </template>
-            <template v-if="!hideUserMemos || (hideUserNotes && hideUserMemos)">
-                <span class="name">{{ t('dialog.user.info.memo') }}</span>
-                <InputGroupTextareaField
-                    v-model="memo"
-                    class="text-xs mt-2"
-                    :rows="6"
-                    :placeholder="t('dialog.user.info.memo_placeholder')"
-                    input-class="resize-none min-h-0" />
-            </template>
+            <div>
+                <template v-if="!hideUserNotes || (hideUserNotes && hideUserMemos)">
+                    <span class="name">{{ t('dialog.user.info.note') }}</span>
+                    <InputGroupTextareaField
+                        v-model="note"
+                        :autosize="{ minRows: 6, maxRows: 20 }"
+                        :maxlength="256"
+                        :rows="6"
+                        :placeholder="t('dialog.user.info.note_placeholder')"
+                        input-class="text-xs resize-none"
+                        class="my-2"
+                        show-count />
+                </template>
+                <template v-if="!hideUserMemos || (hideUserNotes && hideUserMemos)">
+                    <span class="name">{{ t('dialog.user.info.memo') }}</span>
+                    <InputGroupTextareaField
+                        v-model="memo"
+                        class="text-xs mt-2"
+                        :rows="6"
+                        :placeholder="t('dialog.user.info.memo_placeholder')"
+                        input-class="resize-none min-h-0" />
+                </template>
+            </div>
 
             <DialogFooter>
-                <Button variant="secondary" @click="cancel" class="mr-2">{{ t('dialog.user.note_memo.cancel') }}</Button>
+                <Button variant="secondary" @click="cancel" class="mr-2">{{
+                    t('dialog.user.note_memo.cancel')
+                }}</Button>
                 <Button @click="saveChanges">{{ t('dialog.user.note_memo.confirm') }}</Button>
             </DialogFooter>
         </DialogContent>