Add styling of value on amount on send

KaffinPX · Jun 28, 2024 · cd05b0c · cd05b0c
1 parent 82f0c8f
commit cd05b0c
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/src/pages/Wallet/Send.tsx b/src/pages/Wallet/Send.tsx
@@ -69,19 +69,25 @@ export default function SendDrawer () {
                   setRecipient(e.target.value)
                 }}
               />
-              <Input
-                type={"number"}
-                placeholder={i18n.getMessage('amount')}
-                value={amount}
-                disabled={!!params.get('amount')}
-                error={error}
-                onChange={(e) => {
-                  if (error) setError("")
+              <div className="relative">
+                <Input
+                  type={"number"}
+                  placeholder={i18n.getMessage('amount')}
+                  value={amount}
+                  disabled={!!params.get('amount')}
+                  error={error}
+                  onChange={(e) => {
+                    if (error) setError("")
 
-                  setAmount(e.target.value)
-                }}
-              />
+                    setAmount(e.target.value)
+                  }}
+                />
+                <span className="absolute inset-y-0 right-0 pr-2 flex items-center pointer-events-none antialiased">
+                  $ 0.00
+                </span>
+              </div>
             </div>
+
             <Button className={"gap-2"} disabled={!!transactions} onClick={() => {
               request('account:createSend', [ recipient, amount ]).then((transactions) => {
                 if (hash !== 'send') {