app

commit 8045278c5b40b550ccc410fcf7ace4d530181738
parent 5cbc36e2720b81422942fc419cfeb465052c01af
Author: triesap <tyson@radroots.org>
Date:   Fri,  6 Feb 2026 12:13:43 +0000

ui: add nav layout vars

- define nav header and tabs size tokens
- wire layout defaults to ios size classes
- add app page chrome padding helper
- keep safe-area offsets centralized

Diffstat:
M
app/app.css
 | 
15
+++++++++++++++

1 file changed, 15 insertions(+), 0 deletions(-)
diff --git a/app/app.css b/app/app.css
@@ -65,6 +65,16 @@
 }
 
 @layer base {
+  :root {
+    --nav-header-height: var(--padding-h_nav_page_header_ios0);
+    --nav-tabs-height: var(--padding-h_nav_tabs_ios0);
+  }
+
+  html[data-layout="ios1"] {
+    --nav-header-height: var(--padding-h_nav_page_header_ios1);
+    --nav-tabs-height: var(--padding-h_nav_tabs_ios1);
+  }
+
   html {
     font-family: var(--font-sans);
     background: var(--bg-app);
@@ -158,6 +168,11 @@
     display: none;
   }
 
+  .app-page-chrome {
+    padding-top: calc(var(--nav-header-height) + var(--safe-t));
+    padding-bottom: calc(var(--nav-tabs-height) + var(--safe-b));
+  }
+
   .app-view {
     will-change: opacity;
     position: relative;