blowfish/layouts/partials/header/header-option-nested.html

<div>
  <div class="cursor-pointer flex items-center nested-menu">
    {{ if .Pre }}
    <span {{ if and .Pre .Name}} style="margin-right:3px;" {{ end }}>
      {{ partial "icon.html" .Pre }}
    </span>
    {{ end }}
    <a class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}">
      {{ .Name | markdownify | emojify }}
    </a>
    <span>
      {{ partial "icon.html" "chevron-down" }}
    </span>
  </div>
  <div class="absolute menuhide">
    <div class="pt-2 p-5 mt-2 rounded-xl backdrop-blur shadow-2xl">
      <div class="flex flex-col space-y-3">
        {{ range .Children }}
        <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}
          target="_blank" {{ end }} class="flex items-center">
          {{ if .Pre }}
          <span {{ if and .Pre .Name}} style="margin-right:3px;" {{ end }}>
            {{ partial "icon.html" .Pre }}
          </span>
          {{ end }}
          <p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}">
            {{ .Name | markdownify | emojify }}
          </p>
        </a>
        {{ end }}
      </div>
    </div>
  </div>
</div>



<!--div class="relative">
  <button
    type="button"
    class="header-toggle-nested-menu-button text-base hover:text-primary-600 dark:hover:text-primary-400"
    aria-expanded="true"
    onclick="header_toggle_nested_menu(this)"
  >
    <div class="hidden md:flex items-center">
      <span>
          {{ partial "icon.html" .Pre }}
          {{ if and .Pre .Name }} &nbsp; {{ end }}
          {{ .Name | markdownify | emojify }}
        </span>
      {{ partial "icon.html" "chevron-down" }}
    </div>
  </button>
  <div
    class="hidden header-nested-menu absolute z-10 px-2 "
  >
    <div
      class="overflow-hidden rounded-lg shadow-lg ring-1 ring-black ring-opacity-5"
    >
      <div
        class="md:flex flex-col"
      >
        {{ range .Children }}
          {{ partial "header/header-option.html" . }}
        {{ end }}
      </div>
    </div>
  </div>
</div-->