tw-runner/mysite/layouts/partials/menus/header-nav/index.html

Run and manage Tower Website projects with this utility.

<div class="text-[18px] content-center hidden sm:inline-block">
  {{ partial "menus/menu.html" . }}
</div>
<div class="content-center sm:hidden sm:static">
  <button id="menu-button" class="sm:hidden grid place-content-center"> {{/* bg-slate-200 rounded-lg p-2.5 */}}
    <svg class="menu-icon-parent w-8 h-8 text-ground/60 dark:text-ground-text/60" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 16 16"><path class="menu-icon-child" fill="currentColor" d="M15 4H1V2h14zm0 5H1V7h14zM1 14h14v-2H1z"/></svg>
  </button>
  <div id="mobile-menu" class="absolute left-0 top-21 rounded-xl border border-ground/30 dark:border-negative/20 shadow-2xl z-10 w-full">
    {{ partial "menus/mobile-menu.html" . }}
  </div>
</div>