Update header font size to match redline

OfficeDev · Mar 24, 2020 · 46feee9 · 46feee9
1 parent f1d4741
commit 46feee9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/CreateLandingPage.tsx b/src/CreateLandingPage.tsx
@@ -68,7 +68,7 @@ function CreateLandingPageComponent(props: CreateLandingPageProps) {
           src={calendar}
           alt={translate('createLandingPage.splash.altText')}
         />
-        <Text variant="xxLarge" styles={boldStyle}>
+        <Text variant="xLargePlus" styles={boldStyle}>
           <FormattedMessage id="createLandingPage.schedule.header" />
         </Text>
         <Text variant="medium">

diff --git a/src/ErrorPage.tsx b/src/ErrorPage.tsx
@@ -20,7 +20,7 @@ import errorImage from './images/genericError.svg';
 import { FormattedMessage } from 'react-intl';
 import { translate } from './localization/translate';
 
-const semiboldStyle = { root: { fontWeight: FontWeights.semibold } };
+const boldStyle = { root: { fontWeight: FontWeights.semibold } };
 
 interface ErrorPageProps {
   meeting: OnlineMeetingInput;
@@ -57,7 +57,7 @@ function ErrorPageComponent(props: ErrorPageProps) {
         }}
       >
         <img className="splashImage" src={errorImage} alt="Error graphic" />
-        <Text variant="large" styles={semiboldStyle}>
+        <Text variant="xLargePlus" styles={boldStyle}>
           <FormattedMessage id="errorPage.heading" />
         </Text>
         <Text variant="medium" className="uTextCenter">

diff --git a/src/SigninPage.tsx b/src/SigninPage.tsx
@@ -63,7 +63,7 @@ function SigninPageComponent(props: Partial<SigninPageProps>) {
           src={signInImage}
           alt={translate('signin.logo')}
         />
-        <Text variant="xxLarge" styles={boldStyle} className="signinHeader">
+        <Text variant="xLargePlus" styles={boldStyle} className="signinHeader">
           <FormattedMessage id="signin.header" />
         </Text>