money request and reportpreview h1 amount

Expensify · Feb 29, 2024 · a509234 · a509234
1 parent 9b5d041
commit a509234
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 4 deletions.
diff --git a/src/components/ReportActionItem/MoneyRequestPreview/MoneyRequestPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestPreview/MoneyRequestPreviewContent.tsx
@@ -247,7 +247,7 @@ function MoneyRequestPreviewContent({
                                             <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>
                                                 <Text
                                                     style={[
-                                                        styles.textHeadline,
+                                                        styles.textHeadlineH1,
                                                         isBillSplit &&
                                                             StyleUtils.getAmountFontSizeAndLineHeight(isSmallScreenWidth, windowWidth, displayAmount.length, sortedParticipantAvatars.length),
                                                         isDeleted && styles.lineThrough,

diff --git a/src/components/ReportActionItem/ReportPreview.tsx b/src/components/ReportActionItem/ReportPreview.tsx
@@ -287,7 +287,7 @@ function ReportPreview({
                                     <View style={styles.reportPreviewAmountSubtitleContainer}>
                                         <View style={styles.flexRow}>
                                             <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>
-                                                <Text style={styles.textHeadlineH2}>{getDisplayAmount()}</Text>
+                                                <Text style={styles.textHeadlineH1}>{getDisplayAmount()}</Text>
                                                 {ReportUtils.isSettled(iouReportID) && (
                                                     <View style={styles.defaultCheckmarkWrapper}>
                                                         <Icon

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -448,6 +448,14 @@ const styles = (theme: ThemeColors) =>
             lineHeight: variables.lineHeightSizeh2,
         },
 
+        textHeadlineH1: {
+            ...headlineFont,
+            ...whiteSpace.preWrap,
+            color: theme.heading,
+            fontSize: variables.fontSizeXLarge,
+            lineHeight: variables.lineHeightSizeh1,
+        },
+
         textWhite: {
             color: theme.textLight,
         },

diff --git a/src/styles/variables.ts b/src/styles/variables.ts
@@ -107,8 +107,8 @@ export default {
     lineHeightXLarge: getValueUsingPixelRatio(20, 24),
     lineHeightXXLarge: getValueUsingPixelRatio(27, 32),
     lineHeightXXXLarge: getValueUsingPixelRatio(32, 37),
-    lineHeightSizeh1: getValueUsingPixelRatio(23, 28),
-    lineHeightSizeh2: getValueUsingPixelRatio(23, 28),
+    lineHeightSizeh1: getValueUsingPixelRatio(28, 32),
+    lineHeightSizeh2: getValueUsingPixelRatio(24, 28),
     lineHeightSignInHeroXSmall: getValueUsingPixelRatio(32, 37),
     inputHeight: getValueUsingPixelRatio(52, 72),
     inputHeightSmall: 28,