diff --git a/frontend/src/components/admin/AdminHeader.tsx b/frontend/src/components/admin/AdminHeader.tsx index 6e9372d0..ff3efaaa 100644 --- a/frontend/src/components/admin/AdminHeader.tsx +++ b/frontend/src/components/admin/AdminHeader.tsx @@ -48,16 +48,27 @@ export const AdminHeader: React.FC = ({ onMenuClick }) => { // Renders the logo + wordmark block per the current logo_display_mode. // Re-used in left / center / right slots below so all three positions // produce visually identical brand chrome. + const showLogo = !logoInSidebar && (logoDisplayMode === 'logo_only' || logoDisplayMode === 'logo_and_text'); + const showText = logoDisplayMode === 'text_only' || logoDisplayMode === 'logo_and_text'; + // On ( // min-w-0 + truncate on the name span so long company names shrink // within the left cluster instead of pushing into the right-side // action buttons on narrow mobile widths (#523 regression).
- {!logoInSidebar && (logoDisplayMode === 'logo_only' || logoDisplayMode === 'logo_and_text') && ( + {showLogo && ( {companyName} )} - {(logoDisplayMode === 'text_only' || logoDisplayMode === 'logo_and_text') && ( - {companyName} + {showText && ( + {companyName} )}
);