0fdaedc7ff
Updates all remaining frontend components to use the new Barclays design system color tokens: - brand-dark-blue → primary-blue (#1A2142) - brand-accent → active-blue (#006DE3) - brand-light-blue → cyan-brand (#00AEEF) - brand-gray → grey-100 (#F6F6F6) Components updated: - CampaignDetail and ProofDetailView in Campaigns.tsx - Projects.tsx (full component migration) - StatusDashboard.tsx (status tiles and colors) - CreateProjectModal.tsx (modal styling) - FeedbackReport.tsx (remaining brand colors) - Login.tsx and Profile.tsx - WIPReviewer.tsx and CopyGenAI.tsx - Header, LoadingVisual, ToggleSwitch - AssetPreview, ProofPreview, AssetUpload - ProofTypeManager Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
15 lines
No EOL
448 B
TypeScript
Executable file
15 lines
No EOL
448 B
TypeScript
Executable file
import React from 'react';
|
|
import { EagleIcon } from './icons/EagleIcon';
|
|
|
|
export const Header: React.FC = () => {
|
|
return (
|
|
<header className="bg-primary-blue p-4 shadow-md">
|
|
<div className="max-w-7xl mx-auto flex items-center">
|
|
<EagleIcon className="h-10 w-10 text-cyan-brand" />
|
|
<h1 className="text-xl sm:text-2xl font-bold text-white ml-3">
|
|
AI Proof Reviewer
|
|
</h1>
|
|
</div>
|
|
</header>
|
|
);
|
|
}; |