Mobile nav, redesigned — a floating pill with everything one tap away
A real redesign of the mobile bottom nav — every role gets one.
Before. The bottom-tab bar was edge-pinned (full width, flush to the screen edge), with a gold Submit/List button sticking up out of the middle. It worked, but it looked like a default iOS template, and the gold pop-out felt visually misaligned with the labels under it. Worse, several roles had the wrong tabs: owners couldn't reach Applications, Leases, or Payments from the bottom nav; builders couldn't reach Properties or API Keys; admin saw operator nav on mobile because the role check fell through.
After. A floating pill — capsule shape, 12 pixels of breathing room from the screen edges (plus your phone's safe-area inset), white background at 85% opacity with a glass-blur effect, soft floating shadow. Every tab is equal weight (no FAB sticking out), and the active tab gets a single small gold dot under the icon instead of a full background pill.
Each role now gets the right four primary tabs:
- Operators: Dashboard · Find · Submit · Messages
- Owners: Dashboard · Properties · Payments · Messages
- Finders / Realtors: Dashboard · My Listings · List · Messages
- Builders: Dashboard · Zi-Agent · Properties · API Keys
- Partners: Dashboard · Students
- Admins: Command center · Inbox · Users · Mockups
A fifth More tab opens a slide-up sheet with everything that doesn't fit — Account, Labs, and role-specific overflow (Owner Applications + Leases, Finder Earnings, Builder Documentation, Admin Feature votes + Fulfillment gaps). So nothing that's on desktop is hidden on mobile — it's just one tap away instead of a row of cramped sixth-and-seventh tabs.
If you're switching back and forth between phone and laptop a lot, this should feel a lot more native on the phone side.