Before · current code
MPPAS Inspector / inbox
Signed in as
Admin IT
PT Multi Power · Multi Power Dist.

Today 3

Tue, 10 Jun
CTS
PT Bukit Makmur
SD32 · BUMA-014
CGS
PT Pamapersada
D85 · PAMA-022
12 planned inspections assigned to you. Plans are created by the office.

App renders as a ~412px card centered in gray, with prototype header bar eating ~60px above it. Wasted space everywhere.

After · fullscreen on mobile
Signed in as
Admin IT
PT Multi Power · Multi Power Dist.

Today 3

Tue, 10 Jun
CTS
PT Bukit Makmur Mandiri Utama
SD32 Dozer · BUMA-014
CGS
PT Pamapersada Nusantara
D85 Dozer · PAMA-022
TS
PT Kaltim Prima Coal
SD16 Dozer · KPC-007

Later this week 5

CTS
PT Adaro Indonesia
D155 · ADR-031
12 planned inspections assigned to you. Plans are created by the office.

Phone fills the viewport edge-to-edge. Desktop ≥ 768px still gets the prototype frame + phone/tablet toggle (untouched).

Diff — gate prototype chrome behind md: breakpoint
src/pages/InboxPage.tsx
- <div className="min-h-screen flex flex-col items-center py-6 px-4"> + <div className="min-h-dvh flex flex-col items-center md:py-6 md:px-4">   {/* Header bar — hide on mobile */} - <div className="w-full max-w-3xl mb-4 flex items-center ..."> + <div className="hidden md:flex w-full max-w-3xl mb-4 items-center ...">   {/* Device frame */} - className="w-full max-w-[412px] bg-white rounded-3xl shadow-card border border-ink-200 ..." - style={{ height: 'min(92vh, 1000px)' }} + className="w-full flex-1 bg-white overflow-hidden flex flex-col md:flex-none md:max-w-[412px] md:rounded-3xl md:shadow-card md:border md:border-ink-200 md:h-[min(92vh,1000px)]"
src/ui/shell/WizardShell.tsx
// same treatment on lines 95, 97 (toggle bar), 121–125 (device frame)
src/styles/globals.css
html, body, #root { -   height: 100%; +   min-height: 100dvh; }