From d48f673e5d257d9440a230d9c4e941fe6f5182c9 Mon Sep 17 00:00:00 2001
From: Michael Bumann <hello@michaelbumann.com>
Date: Sat, 6 Jan 2024 11:32:20 +0100
Subject: [PATCH 1/2] input mode to show numeric keybad on iOS

---
 src/pages/wallet/New.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/pages/wallet/New.tsx b/src/pages/wallet/New.tsx
index 1de8eed..3f35c30 100644
--- a/src/pages/wallet/New.tsx
+++ b/src/pages/wallet/New.tsx
@@ -33,16 +33,18 @@ export function New() {
   return (
     <>
       <Navbar />
-      <div className="flex flex-1 flex-col w-full h-full justify-center items-center">
+      <div className="flex h-full w-full flex-1 flex-col items-center justify-center">
         <form
           onSubmit={onSubmit}
-          className="flex flex-col justify-center items-center w-full h-full"
+          className="flex h-full w-full flex-col items-center justify-center"
         >
-          <div className="flex flex-col justify-center items-center grow max-w-full gap-5">
+          <div className="flex max-w-full grow flex-col items-center justify-center gap-5">
             <p>Amount (sats)</p>
             <input
               type="number"
-              className="input input-ghost text-6xl text-center max-w-full"
+              inputMode="numeric"
+              pattern="[0-9]*"
+              className="input input-ghost max-w-full text-center text-6xl"
               placeholder="0"
               value={amount}
               onChange={(e) => setAmount(e.target.value)}

From 309e73b9fdbb98f29da0fc896b9af446328d76e6 Mon Sep 17 00:00:00 2001
From: Roland Bewick <roland.bewick@gmail.com>
Date: Sun, 7 Jan 2024 15:55:23 +0700
Subject: [PATCH 2/2] fix: padding on amount input

---
 src/pages/wallet/New.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/wallet/New.tsx b/src/pages/wallet/New.tsx
index 3f35c30..6eda23d 100644
--- a/src/pages/wallet/New.tsx
+++ b/src/pages/wallet/New.tsx
@@ -44,7 +44,7 @@ export function New() {
               type="number"
               inputMode="numeric"
               pattern="[0-9]*"
-              className="input input-ghost max-w-full text-center text-6xl"
+              className="input input-ghost max-w-full text-center text-6xl p-16"
               placeholder="0"
               value={amount}
               onChange={(e) => setAmount(e.target.value)}