From b608c78ff6aaf7a07b9c9bb4b56e1f6fcd66bca8 Mon Sep 17 00:00:00 2001
From: Hakadao <a578457889743@gmail.com>
Date: Sun, 20 Aug 2023 01:20:15 +0800
Subject: [PATCH] fix: long text without line breaks

---
 src/components/Topbar/TopbarHistoryPop.vue | 3 ++-
 src/components/Topbar/TopbarMomentsPop.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Topbar/TopbarHistoryPop.vue b/src/components/Topbar/TopbarHistoryPop.vue
index 0b57d827..088b0fad 100644
--- a/src/components/Topbar/TopbarHistoryPop.vue
+++ b/src/components/Topbar/TopbarHistoryPop.vue
@@ -368,7 +368,8 @@ function scrollToTop(element: HTMLElement, duration: number) {
                 <h3
                   class="keep-two-lines"
                   overflow="hidden"
-                  text="overflow-ellipsis"
+                  text="ellipsis"
+                  break-anywhere
                 >
                   {{ historyItem.title }}
                 </h3>
diff --git a/src/components/Topbar/TopbarMomentsPop.vue b/src/components/Topbar/TopbarMomentsPop.vue
index 9825e6c2..00ca9036 100644
--- a/src/components/Topbar/TopbarMomentsPop.vue
+++ b/src/components/Topbar/TopbarMomentsPop.vue
@@ -382,7 +382,7 @@ function scrollToTop(element: HTMLElement, duration: number) {
             <div flex="~" justify="between" w="full">
               <div>
                 <span>{{ `${moment.name} ${t('topbar.moments_dropdown.uploaded')}` }}</span>
-                <div overflow="hidden" text="overflow-ellipsis">
+                <div overflow-hidden text-ellipsis break-anywhere>
                   {{ moment.title }}
                 </div>
                 <div