@php // whitespace-nowrap because the nav is a shrinkable flex item: // without it the longer labels wrap to two lines inside the // 64px header at the tightest widths that still show it. $navLink = 'whitespace-nowrap px-3 py-2 text-xs font-semibold uppercase tracking-widest transition'; $active = 'text-amber-400'; $idle = 'text-stone-300 hover:text-amber-400'; @endphp {{-- lg, not md: the signed-in link set (worse for admins, who get a seventh item) needs ~870px to sit on one line, so switching at 768px wraps the header for every logged-in tablet user. --}}