feat: adjust branding logo styling

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)}
+      className={classNames('block object-contain', logoSizeMap[size], hasBrandingLogo && 'w-auto', className)}
-      alt='Dify logo'
+      alt={hasBrandingLogo ? 'Logo' : 'Dify logo'}
     />
   )
 }

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>