feat(mobile): reduce mono font usage (#201)

get6pm · Aug 3, 2024 · 01145e7 · 01145e7
1 parent 634d352
commit 01145e7
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 11 deletions.
diff --git a/apps/mobile/components/budget/budget-statistic.tsx b/apps/mobile/components/budget/budget-statistic.tsx
@@ -19,9 +19,9 @@ export function BudgetStatistic({
   return (
     <View className="flex-row items-center gap-6 justify-between">
       <View className="gap-1">
-        <Text className="font-bold font-mono text-2xl">
+        <Text className="font-bold text-2xl">
           {totalRemaining?.toLocaleString() || '0.00'}{' '}
-          <Text className="text-muted-foreground font-normal font-mono text-sm">
+          <Text className="text-muted-foreground font-normal text-sm">
             {defaultCurrency}
           </Text>
         </Text>
@@ -30,9 +30,9 @@ export function BudgetStatistic({
         </Text>
       </View>
       <View className="gap-1">
-        <Text className="font-bold font-mono text-2xl text-right">
+        <Text className="font-bold text-2xl text-right">
           {remainingPerDay?.toLocaleString() || '0.00'}{' '}
-          <Text className="text-muted-foreground font-normal font-mono text-sm">
+          <Text className="text-muted-foreground font-normal text-sm">
             {defaultCurrency}
           </Text>
         </Text>

diff --git a/apps/mobile/components/budget/burndown-chart.tsx b/apps/mobile/components/budget/burndown-chart.tsx
@@ -172,7 +172,7 @@ export function BurndownChart() {
 
   return (
     <View className="bg-muted rounded-lg h-[187px] w-full">
-      <Text className="text-sm font-medium font-mono text-end self-end m-3 mb-0 text-muted-foreground">
+      <Text className="text-sm font-medium text-end self-end m-3 mb-0 text-muted-foreground">
         {totalBudget.toNumber().toLocaleString()} {defaultCurrency}
       </Text>
       <CartesianChart
@@ -193,7 +193,7 @@ export function BurndownChart() {
           </>
         )}
       </CartesianChart>
-      <Text className="text-sm font-medium font-mono m-3 mt-0 text-muted-foreground">
+      <Text className="text-sm font-medium m-3 mt-0 text-muted-foreground">
         {'0.00'} {defaultCurrency}
       </Text>
     </View>

diff --git a/apps/mobile/components/common/amount-format.tsx b/apps/mobile/components/common/amount-format.tsx
@@ -3,7 +3,7 @@ import { useDefaultCurrency } from '@/stores/user-settings/hooks'
 import { type VariantProps, cva } from 'class-variance-authority'
 import { Text } from '../ui/text'
 
-const amountVariants = cva('font-bold font-mono shrink-0', {
+const amountVariants = cva('font-bold shrink-0', {
   variants: {
     size: {
       xl: 'text-4xl',
@@ -17,7 +17,7 @@ const amountVariants = cva('font-bold font-mono shrink-0', {
   },
 })
 
-const currencyVariants = cva('text-muted-foreground font-mono', {
+const currencyVariants = cva('text-muted-foreground', {
   variants: {
     size: {
       xl: 'text-base',

diff --git a/apps/mobile/components/numeric-pad/numeric-pad.tsx b/apps/mobile/components/numeric-pad/numeric-pad.tsx
@@ -70,7 +70,7 @@ export function NumericPad({
             size="lg"
             onPressIn={Haptics.selectionAsync}
           >
-            <Text className="!text-2xl font-mono font-bold">{buttonKey}</Text>
+            <Text className="!text-2xl font-bold">{buttonKey}</Text>
           </Button>
         </View>
       ))}

diff --git a/apps/mobile/components/transaction/transaction-form.tsx b/apps/mobile/components/transaction/transaction-form.tsx
@@ -39,9 +39,9 @@ function TransactionAmount() {
   return (
     <TextTicker
       value={amount}
-      className="font-bold font-mono text-6xl text-foreground leading-tight text-center"
+      className="font-bold text-6xl text-foreground leading-tight text-center"
       suffix={currency}
-      suffixClassName="font-bold font-mono ml-2 text-muted-foreground overflow-visible"
+      suffixClassName="font-bold ml-2 text-muted-foreground overflow-visible"
     />
   )
 }