From cb69b926d592ce30750119d800dbaf5e741ae015 Mon Sep 17 00:00:00 2001
From: nite-knite <nkCoding@gmail.com>
Date: Wed, 21 May 2025 12:16:57 +0800
Subject: [PATCH] feat: adjust branding logo styling

---
 web/app/components/base/logo/dify-logo.tsx | 7 ++++---
 web/app/components/header/index.tsx        | 2 +-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/app/components/base/logo/dify-logo.tsx b/web/app/components/base/logo/dify-logo.tsx
index c3dca3e71d..9e8f077372 100644
--- a/web/app/components/base/logo/dify-logo.tsx
+++ b/web/app/components/base/logo/dify-logo.tsx
@@ -33,16 +33,17 @@ const DifyLogo: FC<DifyLogoProps> = ({
   const { theme } = useTheme()
   const themedStyle = (theme === 'dark' && style === 'default') ? 'monochromeWhite' : style
   const { systemFeatures } = useGlobalPublicStore()
+  const hasBrandingLogo = Boolean(systemFeatures.branding.enabled && systemFeatures.branding.workspace_logo)
 
   let src = `${basePath}${logoPathMap[themedStyle]}`
-  if (systemFeatures.branding.enabled)
+  if (hasBrandingLogo)
     src = systemFeatures.branding.workspace_logo
 
   return (
     <img
       src={src}
-      className={classNames('block object-contain', logoSizeMap[size], className)}
-      alt='Dify logo'
+      className={classNames('block object-contain', logoSizeMap[size], hasBrandingLogo && 'w-auto', className)}
+      alt={hasBrandingLogo ? 'Logo' : 'Dify logo'}
     />
   )
 }
diff --git a/web/app/components/header/index.tsx b/web/app/components/header/index.tsx
index c2345fbdaa..6e8d1704dd 100644
--- a/web/app/components/header/index.tsx
+++ b/web/app/components/header/index.tsx
@@ -60,7 +60,7 @@ const Header = () => {
         {
           !isMobile
           && <div className='flex shrink-0 items-center gap-1.5 self-stretch pl-3'>
-            <Link href="/apps" className='flex h-8 w-[52px] shrink-0 items-center justify-center gap-2'>
+            <Link href="/apps" className='flex h-8 shrink-0 items-center justify-center gap-2 px-0.5'>
               <DifyLogo />
             </Link>
             <div className='font-light text-divider-deep'>/</div>