From ffc212917cdc3bfc400f84d1cfff6112e149f942 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Qu=E1=BB=91c=20Kh=C3=A1nh?= <bkdev98@gmail.com>
Date: Sun, 22 Sep 2024 13:05:31 +0700
Subject: [PATCH] feat(mobile): make header title bolder

---
 apps/mobile/app/(app)/(tabs)/_layout.tsx          | 2 +-
 apps/mobile/app/(app)/_layout.tsx                 | 2 +-
 apps/mobile/app/(app)/appearance.tsx              | 6 +++---
 apps/mobile/app/(aux)/_layout.tsx                 | 2 +-
 apps/mobile/components/common/footer-gradient.tsx | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/mobile/app/(app)/(tabs)/_layout.tsx b/apps/mobile/app/(app)/(tabs)/_layout.tsx
index c2619d0d..ebc8642c 100644
--- a/apps/mobile/app/(app)/(tabs)/_layout.tsx
+++ b/apps/mobile/app/(app)/(tabs)/_layout.tsx
@@ -56,7 +56,7 @@ export default function TabLayout() {
           borderRadius: 16,
         },
         headerTitleStyle: {
-          fontFamily: 'Haskoy-Medium',
+          fontFamily: 'Haskoy-SemiBold',
           fontSize: 16,
           color: getColor('--foreground'),
         },
diff --git a/apps/mobile/app/(app)/_layout.tsx b/apps/mobile/app/(app)/_layout.tsx
index ddc25d1a..e1091aa2 100644
--- a/apps/mobile/app/(app)/_layout.tsx
+++ b/apps/mobile/app/(app)/_layout.tsx
@@ -38,7 +38,7 @@ export default function AuthenticatedLayout() {
           headerTintColor: getColor('--foreground'),
           headerShadowVisible: false,
           headerTitleStyle: {
-            fontFamily: 'Haskoy-Medium',
+            fontFamily: 'Haskoy-SemiBold',
             fontSize: 16,
             color: getColor('--foreground'),
           },
diff --git a/apps/mobile/app/(app)/appearance.tsx b/apps/mobile/app/(app)/appearance.tsx
index d3995210..cb98bba5 100644
--- a/apps/mobile/app/(app)/appearance.tsx
+++ b/apps/mobile/app/(app)/appearance.tsx
@@ -62,7 +62,7 @@ export default function AppearanceScreen() {
 
   return (
     <ScrollView className="bg-background" contentContainerClassName="px-6 py-3">
-      <Text className="font-medium text-base text-foreground">
+      <Text className="font-semiBold text-base text-foreground">
         {t(i18n)`App theme`}
       </Text>
       <Text className="mb-4 text-muted-foreground text-sm">
@@ -93,7 +93,7 @@ export default function AppearanceScreen() {
       </Tabs>
       {isDynamicColorPaletteEnabled && (
         <>
-          <Text className="mt-8 font-medium text-base text-foreground">
+          <Text className="mt-8 font-semiBold text-base text-foreground">
             {t(i18n)`Color palette`}
           </Text>
           <Text className="mb-4 text-muted-foreground text-sm">
@@ -128,7 +128,7 @@ export default function AppearanceScreen() {
                     </Text>
                   </View>
                   <View className="absolute right-1 bottom-1 left-1 w-full rounded-b-md bg-muted py-1">
-                    <Text className="!text-sm text-center font-medium text-foreground uppercase">
+                    <Text className="!text-xs text-center font-medium text-foreground uppercase">
                       {palette.label}
                     </Text>
                   </View>
diff --git a/apps/mobile/app/(aux)/_layout.tsx b/apps/mobile/app/(aux)/_layout.tsx
index c1721c3d..361255f3 100644
--- a/apps/mobile/app/(aux)/_layout.tsx
+++ b/apps/mobile/app/(aux)/_layout.tsx
@@ -18,7 +18,7 @@ export default function AuxiliaryLayout() {
           headerTintColor: getColor('--foreground'),
           headerShadowVisible: false,
           headerTitleStyle: {
-            fontFamily: 'Haskoy-Medium',
+            fontFamily: 'Haskoy-SemiBold',
             fontSize: 16,
             color: getColor('--foreground'),
           },
diff --git a/apps/mobile/components/common/footer-gradient.tsx b/apps/mobile/components/common/footer-gradient.tsx
index 830d421a..c82a84ad 100644
--- a/apps/mobile/components/common/footer-gradient.tsx
+++ b/apps/mobile/components/common/footer-gradient.tsx
@@ -12,7 +12,7 @@ export function FooterGradient() {
         colorScheme === 'dark' ? 'transparent' : '#ffffff00',
         getColor('--background'),
       ]}
-      className="absolute right-0 bottom-0 left-0 h-36"
+      className="absolute right-0 bottom-0 left-0 h-40"
       pointerEvents="none"
     />
   )