Switch scaling unit to fix iOS Safari toolbar.

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index ddd70363ea1dfe716f01d1ce22bd26effc86ef08..10728022403fdb0bbc9b561714960a8e0e571100 100644 (file)
--- a/app/pages/nemo-wallet.html
+++ b/app/pages/nemo-wallet.html
@@ -470,14 +470,14 @@
                        fill: var(--color-blue);
                        flex-direction: column;
                        font-family: var(--text-body);
-                       font-size: calc(16px + (16px * 1vh)) !important;  /* prevents input focus zoom on mobile */
-                       height: 100vh !important;
+                       font-size: calc(16px + 0.1dvh);  /* prevents input focus zoom on mobile */
+                       height: 100dvh !important;
                        justify-content: stretch;
-                       min-height: 100vh !important;
-                       min-width: 100vw !important;
-                       max-height: 100vh !important;
-                       max-width: 100vw !important;
-                       width: 100vw !important
+                       min-height: 100dvh !important;
+                       min-width: 100dvw !important;
+                       max-height: 100dvh !important;
+                       max-width: 100dvw !important;
+                       width: 100dvw !important
                }
                header {
                        flex: 0 1 auto;
@@ -687,7 +687,7 @@
                input[type='text'],
                select,
                select:focus {
-                       font-size: calc(16px + (16px * 1vh)) !important;  /* prevents input focus zoom on mobile */
+                       font-size: calc(16px + 0.1dvh);  /* prevents input focus zoom on mobile */
                }
                label:has(+ :required)::after {
                        color: red;
@@ -712,13 +712,13 @@
                        fill: var(--color-blue);
                        flex: 1 0 auto;
                        height: 100%;
-                       max-height: 10vh;
-                       max-width: 10vh;
+                       max-height: 10dvh;
+                       max-width: 10dvh;
                        width: 100%;
                }
                #xno > svg {
-                       max-height: 15vh;
-                       max-width: 15vh;
+                       max-height: 15dvh;
+                       max-width: 15dvh;
                }
        </style>
 </head>