From dff299af396229bbaacdb71f8fcfc45f8d88831f Mon Sep 17 00:00:00 2001
From: PlutoCA <1031349211@qq.com>
Date: Mon, 28 Nov 2022 20:37:50 +0800
Subject: [PATCH] fix: display of excessively long titles

---
 src/client/theme-default/slots/Logo/index.less | 8 ++++++++
 src/client/theme-default/slots/Logo/index.tsx  | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/client/theme-default/slots/Logo/index.less b/src/client/theme-default/slots/Logo/index.less
index 0299fe9ae2..87a48723e0 100644
--- a/src/client/theme-default/slots/Logo/index.less
+++ b/src/client/theme-default/slots/Logo/index.less
@@ -8,6 +8,7 @@
   line-height: 1;
   font-weight: 500;
   text-decoration: none;
+  width: 100%;
 
   @media @mobile {
     font-size: 18px;
@@ -25,4 +26,11 @@
       height: 32px;
     }
   }
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: normal;
+    margin-inline-end: 12px;
+  }
 }
diff --git a/src/client/theme-default/slots/Logo/index.tsx b/src/client/theme-default/slots/Logo/index.tsx
index 4f3ffc716f..83a3c612ab 100644
--- a/src/client/theme-default/slots/Logo/index.tsx
+++ b/src/client/theme-default/slots/Logo/index.tsx
@@ -18,7 +18,9 @@ const Logo: FC = () => {
         }
         alt={themeConfig.name}
       />
-      {themeConfig.name}
+      <span>
+        {themeConfig.name}
+      </span>
     </Link>
   );
 };