fix(frontend): header title color (#1958)

Signed-off-by: OMPRAKASH MISHRA <[email protected]>
bcgov · May 2, 2024 · ba49bf8 · ba49bf8
1 parent 2a8f5b4
commit ba49bf8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/frontend/cypress/e2e/home-page.cy.ts b/frontend/cypress/e2e/home-page.cy.ts
@@ -3,6 +3,6 @@ describe("Home page visit", () => {
 
   it("visit landing page", () => {
     cy.visit("/");
-    cy.contains("Quickstart OpenShift");
+    cy.contains("QuickStart OpenShift");
   });
 });
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -28,7 +28,27 @@ export default function Header() {
     <AppBar position="fixed" sx={styles.appBar}>
       <Toolbar sx={{ justifyContent: 'space-between' }}>
         <img style={{ maxHeight: '60px' }} alt="Logo" src={BCGovLogo} />
-        <Typography>Quickstart OpenShift</Typography>
+        <div style={{ display: 'inline-flex' }}>
+          <Typography
+            sx={{
+              display: 'inline-flex',
+              fontFamily: 'BCSans',
+              fontSize: {
+                xs: '1.25em',
+                sm: '1.5em',
+              },
+              lineHeight: '100%',
+              alignItems: 'center',
+              marginLeft: {
+                xs: '.25em',
+                sm: '.5em',
+              },
+              color: 'rgb(0 0 0 / 87%)'
+            }}
+          >
+            QuickStart OpenShift
+          </Typography>
+        </div>
         <a href={'/'} target={'_self'}>
           <IconButton color="secondary">
             <HomeRounded color="secondary"></HomeRounded>