From eb0a2c3906d3e833d0d02b711d33bc45d5b96c69 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8C=AB=E9=B1=BC=E8=B1=86=E8=85=90?= <tjz101@qq.com>
Date: Thu, 5 Sep 2024 09:51:25 +0800
Subject: [PATCH] feat(client): display system title when logo is missing
 (#5175)

* fix(client): no logo show title

* fix(client): font size using token

* fix(client): update font size

* style: optimize style

---------

Co-authored-by: Zeke Zhang <958414905@qq.com>
---
 .../route-switch/antd/admin-layout/index.tsx  | 36 ++++++++++++++-----
 1 file changed, 27 insertions(+), 9 deletions(-)

diff --git a/packages/core/client/src/route-switch/antd/admin-layout/index.tsx b/packages/core/client/src/route-switch/antd/admin-layout/index.tsx
index a81d461af6..2557af79b6 100644
--- a/packages/core/client/src/route-switch/antd/admin-layout/index.tsx
+++ b/packages/core/client/src/route-switch/antd/admin-layout/index.tsx
@@ -429,15 +429,33 @@ export const InternalAdminLayout = () => {
                 align-items: center;
               `}
             >
-              <img
-                className={css`
-                  padding: 0 16px;
-                  object-fit: contain;
-                  width: 100%;
-                  height: 100%;
-                `}
-                src={result?.data?.data?.logo?.url}
-              />
+              {result?.data?.data?.logo?.url ? (
+                <img
+                  className={css`
+                    padding: 0 16px;
+                    object-fit: contain;
+                    width: 100%;
+                    height: 100%;
+                  `}
+                  src={result?.data?.data?.logo?.url}
+                />
+              ) : (
+                <span
+                  style={{ fontSize: token.fontSizeHeading3 }}
+                  className={css`
+                    padding: 0 16px;
+                    width: 100%;
+                    height: 100%;
+                    font-weight: 500;
+                    text-align: center;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                  `}
+                >
+                  {result?.data?.data?.title}
+                </span>
+              )}
             </div>
             <div
               className={css`