fix: button behavior on smaller screens (#77)

* fix: button behavior on smaller screens * fix: change numberOfLines for other buttons
getAlby · Sep 3, 2024 · d342335 · d342335
1 parent 176e5e2
commit d342335
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
@@ -20,7 +20,7 @@ const buttonVariants = cva(
         link: "web:underline-offset-4 web:hover:underline web:focus:underline ",
       },
       size: {
-        default: "min-h-10 px-4 py-2 native:min-h-12 native:px-5 native:py-3",
+        default: "min-h-10 px-4 py-2 native:min-h-12 native:px-3 native:py-3",
         sm: "min-h-9 rounded-md px-3",
         lg: "min-h-11 rounded-2xl px-8 native:min-h-16",
         icon: "min-h-10 min-w-10",

diff --git a/pages/send/Send.tsx b/pages/send/Send.tsx
@@ -130,7 +130,7 @@ export function Send() {
                   className="flex flex-col gap-2 flex-1"
                 >
                   <KeyboardIcon className="text-secondary-foreground" />
-                  <Text>Manual</Text>
+                  <Text numberOfLines={1}>Manual</Text>
                 </Button>
                 <Button
                   variant="secondary"
@@ -140,15 +140,15 @@ export function Send() {
                   }}
                 >
                   <BookUser className="text-secondary-foreground" />
-                  <Text>Contacts</Text>
+                  <Text numberOfLines={1}>Contacts</Text>
                 </Button>
                 <Button
                   onPress={paste}
                   variant="secondary"
                   className="flex flex-col gap-2 flex-1"
                 >
                   <ClipboardPaste className="text-secondary-foreground" />
-                  <Text>Paste</Text>
+                  <Text numberOfLines={1}>Paste</Text>
                 </Button>
               </View>
             </>