chore: improved styling

displaynone · Apr 20, 2023 · 7068b78 · 7068b78
1 parent 82b05bc
commit 7068b78
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/qr/index.tsx b/app/qr/index.tsx
@@ -56,7 +56,7 @@ const QRScanner: FC = () => {
         <Text size="headlineSmall" variant={['bold', 'primary']}>
           <Trans>Add a new site</Trans>
         </Text>
-        <Text size="bodyLarge" variant={'secondary'}>
+        <Text size="bodyLarge" variant={'secondary'} numberOfLines={2}>
           <Trans>
             Scan your website's 2FA QR code using your device's camera
           </Trans>
@@ -70,7 +70,7 @@ const QRScanner: FC = () => {
                 ratio="1:1"
               />
             </View>
-            <Text size="bodyMedium" variant={'secondary'}>
+            <Text size="bodyMedium" variant={'secondary'} numberOfLines={2}>
               <Trans>
                 The QR code can be easily recognized by simply pointing your
                 device's camera at it

diff --git a/src/ui/Text.tsx b/src/ui/Text.tsx
@@ -20,12 +20,14 @@ export type TextVariantTypes = (typeof variants)[number];
 export type TextProps = {
   variant?: TextVariantTypes | TextVariantTypes[];
   size?: keyof typeof MD3TypescaleKey;
+  numberOfLines?: number;
 };
 
 const Text: FC<ComponentWithChildren & TextProps> = ({
   children,
   variant = 'primary',
   size,
+  numberOfLines = 1,
 }) => {
   const theme = useTheme();
   const styles = getStyles(theme);
@@ -36,7 +38,7 @@ const Text: FC<ComponentWithChildren & TextProps> = ({
     <PaperText
       style={[styles.common, listOfStiles]}
       variant={size}
-      numberOfLines={1}
+      numberOfLines={numberOfLines}
     >
       {children}
     </PaperText>