chore: font size fix

Author: farfromrefug

app/components/common/ListItemAutoSize.svelte

@@ -18,9 +18,9 @@
     export let showBottomLine: boolean = false;
     export let enabled: boolean = true;
     // export let iconFontSize: number = 24;
-    export let fontSize: number = 20;
+    export let fontSize: number = 21;
     export let fontWeight: any = 'normal';
-    export let subtitleFontSize: number = 14;
+    export let subtitleFontSize: number = 15;
     export let title: string = null;
     export let titleColor: string = null;
     export let color: string = null;
@@ -106,7 +106,7 @@
         textWrap={true}
         verticalAlignment="center"
         {...titleProps}>
-        <cspan color={titleColor || color || colorOnSurface} fontSize={fontSize * $fontScale} {fontWeight} text={title} />
+        <cspan color={titleColor || color || colorOnSurface} fontSize={fontSize * $fontScale} {fontWeight} lineHeight={fontSize * $fontScale * 1.3} text={title} />
         <cspan color={subtitleColor || colorOnSurfaceVariant} fontSize={subtitleFontSize * $fontScale} text={subtitle ? '\n' + subtitle : null} />
     </label>
 

app/components/settings/Settings.svelte

@@ -78,7 +78,7 @@
     import { PDF_OPTIONS } from '~/utils/localized_constant';
     import { createView, getNameFormatHTMLArgs, hideLoading, openLink, showAlertOptionSelect, showLoading, showSettings, showSliderPopover, showSnack } from '~/utils/ui';
     import { restartApp, toggleQuickSetting } from '~/utils/utils';
-    import { colors, fonts, hasCamera, onFontScaleChanged, windowInset } from '~/variables';
+    import { colors, fontScale, fonts, hasCamera, onFontScaleChanged, windowInset } from '~/variables';
     import IconButton from '../common/IconButton.svelte';
     import { share } from '@akylas/nativescript-app-utils/share';
     import { inappItems, presentInAppSponsorBottomsheet } from '@shared/utils/inapp-purchase';
@@ -1546,7 +1546,7 @@
                             verticalAlignment="center"
                             on:tap={(event) => onTap({ id: 'sponsor' }, event)}>
                             <label color="white" fontFamily={$fonts.mdi} fontSize={26} marginRight={10} text="mdi-heart" verticalAlignment="center" />
-                            <label color="white" fontSize={12} text={item.title} textWrap={true} verticalAlignment="center" />
+                            <label color="white" fontSize={12 * $fontScale} text={item.title} textWrap={true} verticalAlignment="center" />
                         </stacklayout>
                         {#if __ANDROID__}
                             <image
@@ -1570,8 +1570,8 @@
                     </gridlayout>
 
                     <stacklayout horizontalAlignment="center" marginBottom={0} marginTop={20} row={1} verticalAlignment="center">
-                        <image borderRadius="25" height={50} horizontalAlignment="center" src="res://icon" width={50} />
-                        <label fontSize={13} marginTop={4} text={version} on:longPress={(event) => onLongPress('version', event)} />
+                        <image borderRadius={25} height={50} horizontalAlignment="center" src="res://icon" width={50} />
+                        <label fontSize={13 * $fontScale} marginTop={4} text={version} on:longPress={(event) => onLongPress('version', event)} />
                     </stacklayout>
                 </gridlayout>
             </Template>

package.json

@@ -57,7 +57,7 @@
         "@nativescript-community/sqlite": "3.5.1",
         "@nativescript-community/svelte-native": "1.0.32",
         "@nativescript-community/systemui": "1.1.24",
-        "@nativescript-community/text": "1.6.23",
+        "@nativescript-community/text": "1.6.24",
         "@nativescript-community/ui-cameraview": "0.6.2",
         "@nativescript-community/ui-canvas": "4.6.46",
         "@nativescript-community/ui-canvaslabel": "1.2.49",

yarn.lock

@@ -27,7 +27,7 @@ __metadata:
 
 "@akylas/nativescript-app-tools@file:tools::locator=root-workspace-0b6124%40workspace%3A.":
   version: 1.0.0
-  resolution: "@akylas/nativescript-app-tools@file:tools#tools::hash=4e6274&locator=root-workspace-0b6124%40workspace%3A."
+  resolution: "@akylas/nativescript-app-tools@file:tools#tools::hash=7c8624&locator=root-workspace-0b6124%40workspace%3A."
   dependencies:
     "@dotenvx/dotenvx": "npm:1.51.4"
     "@nativescript-community/fontmin": "npm:0.9.11"
@@ -81,7 +81,7 @@ __metadata:
     typescript: "npm:5.9.3"
     typescript-eslint: "npm:8.53.0"
     webpack-bundle-analyzer: "npm:4.10.2"
-  checksum: 10/00bfa60a656506d22cb0087cafe5906bbc0bde591e9201363f52ba4dd7e81514c7831bfd494f1afe92ea6f14bd69a3a2ba916cfe95eabdc188af3b5c21c024c3
+  checksum: 10/0d1a06e2f2299c54a9b826d6b290519735d1f931bf29ec33d506e4621647c72d64edffa94b32e3e4e5ccb0806c4c75b86171aa943a6075aa8d39b2c0cecab723
   languageName: node
   linkType: hard
 
@@ -1182,10 +1182,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nativescript-community/text@npm:1.6.23":
-  version: 1.6.23
-  resolution: "@nativescript-community/text@npm:1.6.23"
-  checksum: 10/f8823903d850322e4471e5e485cc99b036373175e38f4d17ace82ea9a107622881751593f764951a587f46f24a3bc57fb09d71394799fd04ef0865ef0a236cc8
+"@nativescript-community/text@npm:1.6.24":
+  version: 1.6.24
+  resolution: "@nativescript-community/text@npm:1.6.24"
+  checksum: 10/6dd14378a99e02300688e58905d24fb1fb1d2067152f0163442994762789f536a6762d72ccc2397c79968751a62023551044b2cb89de8618842639ad88dad4a3
   languageName: node
   linkType: hard
 
@@ -10396,7 +10396,7 @@ __metadata:
     "@nativescript-community/sqlite": "npm:3.5.1"
     "@nativescript-community/svelte-native": "npm:1.0.32"
     "@nativescript-community/systemui": "npm:1.1.24"
-    "@nativescript-community/text": "npm:1.6.23"
+    "@nativescript-community/text": "npm:1.6.24"
     "@nativescript-community/ui-cameraview": "npm:0.6.2"
     "@nativescript-community/ui-canvas": "npm:4.6.46"
     "@nativescript-community/ui-canvaslabel": "npm:1.2.49"