diff --git a/Channel-Frontend/src/components/ui/PageHeader.tsx b/Channel-Frontend/src/components/ui/PageHeader.tsx index 5e43ad9..2bc131c 100644 --- a/Channel-Frontend/src/components/ui/PageHeader.tsx +++ b/Channel-Frontend/src/components/ui/PageHeader.tsx @@ -12,13 +12,13 @@ export const PageHeader: React.FC = ({ title, subtitle, badge,
-

+

{title}

{badge &&
{badge}
}
{subtitle && ( -

+

{subtitle}

)} diff --git a/Channel-Frontend/src/features/assets/components/AssetCard.tsx b/Channel-Frontend/src/features/assets/components/AssetCard.tsx index 7ab232c..84277de 100644 --- a/Channel-Frontend/src/features/assets/components/AssetCard.tsx +++ b/Channel-Frontend/src/features/assets/components/AssetCard.tsx @@ -178,7 +178,7 @@ export const AssetCard: React.FC = ({ )}
-

+

{asset.title}

diff --git a/Channel-Frontend/src/features/assets/components/AssetExplorer.tsx b/Channel-Frontend/src/features/assets/components/AssetExplorer.tsx index 4bf2419..64ce9ee 100644 --- a/Channel-Frontend/src/features/assets/components/AssetExplorer.tsx +++ b/Channel-Frontend/src/features/assets/components/AssetExplorer.tsx @@ -101,8 +101,8 @@ export const AssetExplorer: React.FC = () => {

-

Tech4Biz Asset Explorer

-

+

Tech4Biz Asset Explorer

+

Browse, preview, and download proprietary hardware IP, framework assemblies, and cloud-native building blocks licensed under your master agreements.

diff --git a/Channel-Frontend/src/features/auth/components/LoginForm.tsx b/Channel-Frontend/src/features/auth/components/LoginForm.tsx index 06c2ae0..549d74b 100644 --- a/Channel-Frontend/src/features/auth/components/LoginForm.tsx +++ b/Channel-Frontend/src/features/auth/components/LoginForm.tsx @@ -258,10 +258,10 @@ export const LoginForm: React.FC = () => {
-

+

{mfaPendingEmail ? 'Verify Identity' : 'Tech4Biz Portal'}

-

+

{mfaPendingEmail ? `Code sent to ${mfaPendingEmail}` : 'Enterprise hardware & software asset distribution'} diff --git a/Channel-Frontend/src/index.css b/Channel-Frontend/src/index.css index e9c1120..aa1886b 100644 --- a/Channel-Frontend/src/index.css +++ b/Channel-Frontend/src/index.css @@ -594,3 +594,71 @@ body { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); animation: shimmer 1.5s linear infinite; } + +/* ============================================================ + TYPOGRAPHY FINE-TUNING (+30% size increase) + ============================================================ */ +.page-title { + /* text-xl fallback: 1.25rem (20px) * 1.3 = 1.625rem (26px) */ + font-size: 1.625rem !important; +} +.page-subtitle { + /* text-xs fallback: 0.75rem (12px) * 1.3 = 0.975rem (15.6px) */ + font-size: 0.975rem !important; +} +.action-card-title { + /* text-lg fallback: 1.125rem (18px) * 1.3 = 1.4625rem (23.4px) */ + font-size: 1.4625rem !important; +} +.action-card-desc { + /* text-xs fallback: 0.75rem (12px) * 1.3 = 0.975rem (15.6px) */ + font-size: 0.975rem !important; +} +.asset-card-title { + /* text-sm fallback: 0.875rem (14px) * 1.3 = 1.1375rem (18.2px) */ + font-size: 1.1375rem !important; +} +.explorer-title { + /* text-2xl fallback: 1.5rem (24px) * 1.3 = 1.95rem (31.2px) */ + font-size: 1.95rem !important; +} +@media (min-width: 768px) { + .explorer-title { + /* md:text-3xl fallback: 1.875rem (30px) * 1.3 = 2.4375rem (39px) */ + font-size: 2.4375rem !important; + } +} +.explorer-desc { + /* text-sm fallback: 0.875rem (14px) * 1.3 = 1.1375rem (18.2px) */ + font-size: 1.1375rem !important; +} +.agreement-card-title { + /* text-base fallback: 1.0rem (16px) * 1.3 = 1.3rem (20.8px) */ + font-size: 1.3rem !important; +} +.agreement-card-desc { + /* text-xs fallback: 0.75rem (12px) * 1.3 = 0.975rem (15.6px) */ + font-size: 0.975rem !important; +} +.login-title { + /* text-3xl fallback: 1.875rem (30px) * 1.3 = 2.4375rem (39px) */ + font-size: 2.4375rem !important; +} +@media (min-width: 1024px) { + .login-title { + /* lg:text-4xl fallback: 2.25rem (36px) * 1.3 = 2.925rem (46.8px) */ + font-size: 2.925rem !important; + } +} +.login-desc { + /* text-sm fallback: 0.875rem (14px) * 1.3 = 1.1375rem (18.2px) */ + font-size: 1.1375rem !important; +} +.login-form-title { + /* text-2xl fallback: 1.5rem (24px) * 1.3 = 1.95rem (31.2px) */ + font-size: 1.95rem !important; +} +.login-form-subtitle { + /* text-sm fallback: 0.875rem (14px) * 1.3 = 1.1375rem (18.2px) */ + font-size: 1.1375rem !important; +} diff --git a/Channel-Frontend/src/pages/ClientAgreementsPage.tsx b/Channel-Frontend/src/pages/ClientAgreementsPage.tsx index 9b7265b..53db5c0 100644 --- a/Channel-Frontend/src/pages/ClientAgreementsPage.tsx +++ b/Channel-Frontend/src/pages/ClientAgreementsPage.tsx @@ -80,8 +80,8 @@ export const ClientAgreementsPage: React.FC = () => { )}

-

Mutual Non-Disclosure Agreement (NDA)

-

+

Mutual Non-Disclosure Agreement (NDA)

+

Required to protect proprietary IP, silicon designs, and private data sharing during development.

@@ -155,8 +155,8 @@ export const ClientAgreementsPage: React.FC = () => { )}
-

Master Services Agreement (MSA)

-

+

Master Services Agreement (MSA)

+

Defines the commercial framework, SLA guidelines, and consulting provisions for the partnership.

diff --git a/Channel-Frontend/src/pages/DashboardPage.tsx b/Channel-Frontend/src/pages/DashboardPage.tsx index 474f2cb..812d25e 100644 --- a/Channel-Frontend/src/pages/DashboardPage.tsx +++ b/Channel-Frontend/src/pages/DashboardPage.tsx @@ -119,10 +119,10 @@ export const DashboardPage = () => {
{card.metrics}
-

+

{card.title}

-

+

{card.description}

diff --git a/Channel-Frontend/src/pages/InvitePage.tsx b/Channel-Frontend/src/pages/InvitePage.tsx index cbbc8e5..efc830d 100644 --- a/Channel-Frontend/src/pages/InvitePage.tsx +++ b/Channel-Frontend/src/pages/InvitePage.tsx @@ -89,9 +89,9 @@ export const InvitePage: React.FC = () => {
-

Invalid or Expired Link

-

- This invitation link is no longer valid. Please request a new invitation from your administrator. +

Invalid or Expired Link

+

+ The onboarding invitation link is invalid, expired, or has already been used. Please request a new invitation from your administrator.