From 3ec87ce3bcef18cd6cc09790d8ae884a05437a8e Mon Sep 17 00:00:00 2001 From: Chris Duncan Date: Sun, 27 Oct 2024 00:29:50 -0700 Subject: [PATCH] Switch scaling unit to fix iOS Safari toolbar. --- app/pages/nemo-wallet.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) 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; } -- 2.34.1