From c6fd72d37436a05a8fe53dcf93fb1f812e714454 Mon Sep 17 00:00:00 2001
From: Natsumi <cmcooper123@hotmail.com>
Date: Thu, 30 Oct 2025 21:45:32 +1100
Subject: [PATCH] Fix memo new lines

---
 .../dialogs/UserDialog/UserDialog.vue         | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/components/dialogs/UserDialog/UserDialog.vue b/src/components/dialogs/UserDialog/UserDialog.vue
index 4b77f7b6..484735aa 100644
--- a/src/components/dialogs/UserDialog/UserDialog.vue
+++ b/src/components/dialogs/UserDialog/UserDialog.vue
@@ -103,7 +103,18 @@
                         <div v-if="!hideUserNotes" class="x-friend-item" style="width: 100%; cursor: pointer">
                             <div class="detail" v-if="userDialog.note" @click="isEditNoteAndMemoDialogVisible = true">
                                 <span class="name">{{ t('dialog.user.info.note') }}</span>
-                                <div>{{ userDialog.note }}</div>
+                                <pre
+                                    class="extra"
+                                    style="
+                                        font-family: inherit;
+                                        font-size: 12px;
+                                        white-space: pre-wrap;
+                                        margin: 0 0.5em 0 0;
+                                        max-height: 210px;
+                                        overflow-y: auto;
+                                    "
+                                    >{{ userDialog.note }}</pre
+                                >
                             </div>
                         </div>
                         <div
@@ -112,7 +123,18 @@
                             style="width: 100%; cursor: pointer">
                             <div class="detail" @click="isEditNoteAndMemoDialogVisible = true">
                                 <span class="name">{{ t('dialog.user.info.memo') }}</span>
-                                <div>{{ userDialog.memo }}</div>
+                                <pre
+                                    class="extra"
+                                    style="
+                                        font-family: inherit;
+                                        font-size: 12px;
+                                        white-space: pre-wrap;
+                                        margin: 0 0.5em 0 0;
+                                        max-height: 210px;
+                                        overflow-y: auto;
+                                    "
+                                    >{{ userDialog.memo }}</pre
+                                >
                             </div>
                         </div>
                         <div class="x-friend-item" style="width: 100%; cursor: default">