diff --git a/hermes-custom.css b/hermes-custom.css
index 13b2e51..b0d46ab 100644
--- a/hermes-custom.css
+++ b/hermes-custom.css
@@ -14,13 +14,40 @@
*/
/* === Always-on === */
+:root {
+ /* iOS safe-area inset variables for cross-browser usage */
+ --sat: env(safe-area-inset-top, 0px);
+ --sab: env(safe-area-inset-bottom, 0px);
+ --sal: env(safe-area-inset-left, 0px);
+ --sar: env(safe-area-inset-right, 0px);
+}
+
+html, body {
+ /* Prevent iOS from auto-shrinking — keep our viewport stable */
+ height: 100%;
+ overflow: hidden;
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+}
+
.vault-app.hermes-rc,
.vault-app.hermes-rc * {
box-sizing: border-box !important;
}
.vault-app.hermes-rc {
+ /* Use dvh (dynamic viewport height) with vh fallback. dvh excludes iOS
+ URL-bar from the 100vh, so the app fills the visible area.
+ Padding-top pushes the grid below the iOS status bar / Dynamic Island. */
width: 100% !important;
max-width: 100vw !important;
+ height: 100vh !important; /* fallback */
+ height: 100dvh !important; /* modern browsers (incl. iOS 16+) */
+ padding-top: var(--sat) !important;
+ padding-left: var(--sal) !important;
+ padding-right: var(--sar) !important;
+ padding-bottom: var(--sab) !important;
+ overflow: hidden !important;
overflow-x: hidden !important;
}
.vault-app.hermes-rc .vault-content {
diff --git a/vault.html b/vault.html
index 748cb78..9e2bc8f 100644
--- a/vault.html
+++ b/vault.html
@@ -2,7 +2,7 @@
-
+
Vault Viewer