Fix builder navbar overlap on tablet breakpoints

[Copilot]

The builder header layout breaks on tablet widths: the centered command search overlaps adjacent controls and causes the navbar to collapse visually. This change rebalances header layout rules so tablet uses a compact search pattern and desktop keeps the full centered search bar.

• Problem scope

  • Tablet (sm/md) inherited desktop-style centered positioning for the search region, which conflicted with left/right action groups in constrained width.

• Responsive layout updates

  • Converted the center search container to normal flex flow on < lg so it participates in width negotiation with sibling groups.
  • Kept absolute center positioning only on desktop (lg) where there is enough horizontal space.

• Search control behavior by breakpoint

  • Full search input is now desktop-only (lg:flex).
  • Compact search trigger is now used for mobile + tablet (flex lg:hidden) with bounded width to avoid crowding adjacent controls.

<div className="flex-1 min-w-0 ... lg:absolute lg:inset-y-0 lg:left-0 lg:right-0">
  <button className="hidden lg:flex ...">Search commands...</button>
  <button className="flex lg:hidden ...">Search…</button>
</div>

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Updated (UTC)
✅ Deployment successful! View logs	posterium-frontend	caed58d	Mar 30 2026, 09:28 AM