feat(wallet-api-tools): disable ios zoom on input and update button text

LedgerHQ · Oct 9, 2024 · bce7f93 · bce7f93
1 parent 7fa11e1
commit bce7f93
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/apps/wallet-api-tools/app/head.tsx b/apps/wallet-api-tools/app/head.tsx
@@ -2,7 +2,10 @@ export default function Head() {
  return (
  <>
  <title></title>
- <meta content="width=device-width, initial-scale=1" name="viewport" />
+ <meta
+ content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+ name="viewport"
+ />
  <link rel="icon" href="/favicon.ico" />
  </>
  );

diff --git a/apps/wallet-api-tools/src/Input.tsx b/apps/wallet-api-tools/src/Input.tsx
@@ -45,10 +45,10 @@ export function Input({
  highlightActiveLine: false,
  }}
  />
- <div className="flex flex-row items-center py-2 px-1 gap-x-2">
+ <div className="flex flex-row items-center gap-x-2 px-1 py-2">
  <button
  type="button"
- className={`text-white bg-violet-500 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-violet-500 dark:hover:bg-violet-500 focus:outline-none dark:focus:ring-blue-800 ${
+ className={`rounded-lg bg-violet-500 px-5 py-2.5 text-sm font-medium text-white hover:bg-blue-800 focus:outline-none focus:ring-4 focus:ring-blue-300 dark:bg-violet-500 dark:hover:bg-violet-500 dark:focus:ring-blue-800 ${
  value.length === 0 ? "cursor-not-allowed" : ""
  }`}
  onClick={handleSend}
@@ -64,14 +64,14 @@ export function Input({
  <button
  onClick={onClearValue}
  aria-label="Clear value"
- className="py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
+ className="rounded-lg border border-gray-200 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700"
  >
- Clear input box
+ Clear input
  </button>
  <button
  onClick={onClearHistory}
  aria-label="Clear history"
- className="py-2.5 px-5 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
+ className="rounded-lg border border-gray-200 bg-white px-5 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700"
  >
  Clear History
  </button>