From: Chris Duncan <chris@zoso.dev>
Date: Sun, 27 Oct 2024 07:29:50 +0000 (-0700)
Subject: Switch scaling unit to fix iOS Safari toolbar.
X-Git-Url: https://zoso.dev/?a=commitdiff_plain;h=3ec87ce3bcef18cd6cc09790d8ae884a05437a8e;p=nemo-wallet.git

Switch scaling unit to fix iOS Safari toolbar.
---

diff --git a/app/pages/nemo-wallet.html b/app/pages/nemo-wallet.html
index ddd7036..1072802 100644
--- 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>