Fix indentation
This commit is contained in:
parent
3bcb19ed3d
commit
083637b89f
|
@ -1,47 +1,47 @@
|
||||||
<div id="nav" class="bg-blue-500 border-b-3 border-blue-700">
|
<div id="nav" class="bg-blue-500 border-b-3 border-blue-700">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="md:flex">
|
<div class="md:flex">
|
||||||
<div class="w-full flex items-center md:w-1/3 lg:w-1/4">
|
<div class="w-full flex items-center md:w-1/3 lg:w-1/4">
|
||||||
<div class="w-3/4 py-6">
|
<div class="w-3/4 py-6">
|
||||||
<div class="text-sm">
|
<div class="text-sm">
|
||||||
<a href="{{ site.menus.main.about.href }}" class="font-semibold text-white" tabindex="-1">
|
<a href="{{ site.menus.main.about.href }}" class="font-semibold text-white" tabindex="-1">
|
||||||
{{ site.title }}
|
{{ site.title }}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-1/4 text-right flex items-center justify-end md:hidden">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="nav-toggle appearance-none text-white hover:text-gray-300 focus:outline-none"
|
|
||||||
aria-label="Toggle main menu"
|
|
||||||
@click="toggle"
|
|
||||||
>
|
|
||||||
<svg class="js-hidden fill-current text-inherit w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
||||||
<path v-if="!isOpen" d="M16.4 9H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zm0 4H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zM3.6 7h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1z"/>
|
|
||||||
<path v-else d="M10 8.586L2.929 1.515 1.515 2.929 8.585 10l-7.07 7.071 1.414 1.414L10 11.415l7.071 7.07 1.414-1.414L11.415 10l7.07-7.071-1.414-1.414L10 8.585z" fill-rule="evenodd"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<nav
|
<div class="w-1/4 text-right flex items-center justify-end md:hidden">
|
||||||
class="mt-2px -mx-4 py-4 bg-blue-700 md:mt-0 md:mx-0 md:relative md:flex md:flex-wrap md:flex-1 md:justify-end md:bg-blue-500 md:border-b-0"
|
<button
|
||||||
:class="[ isOpen ? 'block' : 'hidden' ]"
|
type="button"
|
||||||
>
|
class="nav-toggle appearance-none text-white hover:text-gray-300 focus:outline-none"
|
||||||
{% for item in site.menus.main %}
|
aria-label="Toggle main menu"
|
||||||
{% set currentPage = page.url matches '#' ~ item.pattern ~ '#' %}
|
@click="toggle"
|
||||||
<a
|
>
|
||||||
class="mx-4 mt-1 -mb-px py-3 px-4 block rounded text-sm text-white no-underline hover:underline focus:outline-none focus:underline md:py-1 md:px-2 md:mx-2 md:mt-0 md:mr-0 {{ currentPage ? 'cursor-default bg-blue-500 hover:border-blue-600 hover:no-underline md:bg-blue-700' }}"
|
<svg class="js-hidden fill-current text-inherit w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||||
href="{{ item.href }}"
|
<path v-if="!isOpen" d="M16.4 9H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zm0 4H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1zM3.6 7h12.8c.552 0 .6-.447.6-1 0-.553-.048-1-.6-1H3.6c-.552 0-.6.447-.6 1 0 .553.048 1 .6 1z"/>
|
||||||
{% if currentPage %}aria-current="page"{% endif %}
|
<path v-else d="M10 8.586L2.929 1.515 1.515 2.929 8.585 10l-7.07 7.071 1.414 1.414L10 11.415l7.071 7.07 1.414-1.414L11.415 10l7.07-7.071-1.414-1.414L10 8.585z" fill-rule="evenodd"/>
|
||||||
>
|
</svg>
|
||||||
<span class="flex items-center h-full">
|
</button>
|
||||||
{{- item.title -}}
|
</div>
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
</nav>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<nav
|
||||||
|
class="mt-2px -mx-4 py-4 bg-blue-700 md:mt-0 md:mx-0 md:relative md:flex md:flex-wrap md:flex-1 md:justify-end md:bg-blue-500 md:border-b-0"
|
||||||
|
:class="[ isOpen ? 'block' : 'hidden' ]"
|
||||||
|
>
|
||||||
|
{% for item in site.menus.main %}
|
||||||
|
{% set currentPage = page.url matches '#' ~ item.pattern ~ '#' %}
|
||||||
|
<a
|
||||||
|
class="mx-4 mt-1 -mb-px py-3 px-4 block rounded text-sm text-white no-underline hover:underline focus:outline-none focus:underline md:py-1 md:px-2 md:mx-2 md:mt-0 md:mr-0 {{ currentPage ? 'cursor-default bg-blue-500 hover:border-blue-600 hover:no-underline md:bg-blue-700' }}"
|
||||||
|
href="{{ item.href }}"
|
||||||
|
{% if currentPage %}aria-current="page"{% endif %}
|
||||||
|
>
|
||||||
|
<span class="flex items-center h-full">
|
||||||
|
{{- item.title -}}
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Reference in a new issue