diff --git a/packages/cli/assets/design/guide.md b/packages/cli/assets/design/guide.md index 0b8d1f2..aff737e 100644 --- a/packages/cli/assets/design/guide.md +++ b/packages/cli/assets/design/guide.md @@ -62,7 +62,9 @@ glass; check dark themes twice (dark blue on darker blue is easy to miss). Miakapp draws its own bar at the bottom, outside your frame: the home, the resident's other homes, their account and sign-in methods. Do not draw a global navigation that duplicates it (bottom tab bar, home switcher, profile, -sign out), and leave the bottom of your page free of fixed controls. +sign out). The bar floats over the bottom of your frame: keep **96 px of +padding at the bottom** of your page and put no fixed control there (the +starter does). A home may add **one or two buttons of its own** to that bar (rooms, energy…). Miakapp draws them; you name them and react to taps: diff --git a/packages/cli/assets/starter/app/app/main.ts b/packages/cli/assets/starter/app/app/main.ts index 32518a2..a25cbbc 100644 --- a/packages/cli/assets/starter/app/app/main.ts +++ b/packages/cli/assets/starter/app/app/main.ts @@ -54,7 +54,8 @@ function element(tag: string, text?: string, className?: string): HTMLElement { const style = document.createElement('style'); style.textContent = `${THEME_CSS} - body { margin: 0; min-height: 100vh; } + /* The Miakapp bar floats over the bottom of the frame: keep that strip free. */ + body { margin: 0; min-height: 100vh; padding-bottom: 96px; box-sizing: border-box; } h1 { margin: 0; padding: 28px 20px 4px; } main { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); padding: 16px; } section { padding: 18px; } diff --git a/packages/cli/package.json b/packages/cli/package.json index fda7f2b..d7f65dd 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "@miakapp/cli", - "version": "4.0.0-alpha.13", + "version": "4.0.0-alpha.14", "description": "Agent-first Miakapp command line: check, build, publish, activate and roll back home interfaces", "type": "module", "engines": { diff --git a/packages/cli/src/version.ts b/packages/cli/src/version.ts index 5a31183..bd0c4fb 100644 --- a/packages/cli/src/version.ts +++ b/packages/cli/src/version.ts @@ -12,4 +12,4 @@ */ export const PACKAGE_NAME = '@miakapp/cli'; -export const CLI_VERSION = '4.0.0-alpha.13'; +export const CLI_VERSION = '4.0.0-alpha.14';