20 lines
830 B
Handlebars
20 lines
830 B
Handlebars
<ul class="flex flex-col md:flex-row md:items-center gap-1 md:gap-8">
|
|
{{#foreach navigation}}
|
|
<li class="group">
|
|
<a href="{{url}}"
|
|
class="flex items-center justify-between py-4 px-4 rounded-lg transition-all active:scale-[0.98]
|
|
{{#if current}}
|
|
text-blue-600 bg-blue-50/50
|
|
{{else}}
|
|
text-gray-700 hover:text-blue-600 active:bg-gray-100
|
|
{{/if}}">
|
|
|
|
<span class="text-base md:text-sm font-bold tracking-wide">{{label}}</span>
|
|
|
|
<svg class="w-5 h-5 md:hidden opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
|
|
</svg>
|
|
</a>
|
|
</li>
|
|
{{/foreach}}
|
|
</ul> |