Add arrow to main entries in mobile nav

This commit is contained in:
Björn Fromme
2021-09-23 14:18:24 +02:00
parent b935820e16
commit 6814d8fbbc
@@ -40,10 +40,15 @@
<ul class="divide-y divide-ep-primary-dark">
<f:for each="{topnav}" as="topitem">
<li>
<a class="block text-xl uppercase font-bold text-white hover:text-white focus:text-white py-2 px-4 hover:bg-ep-primary-light{f:if(condition: topitem.active, then: ' bg-ep-primary-light')}"
<a class="flex justify-between items-center text-xl uppercase font-bold text-white hover:text-white focus:text-white py-2 px-4 hover:bg-ep-primary-light{f:if(condition: topitem.active, then: ' bg-ep-primary-light')}"
href="{topitem.link}"{f:if(condition: '{topitem.data.doktype} == 3', then: ' target="_blank"')}
title="{topitem.title}">
{topitem.title}
title="{topitem.title}">
<span>
{topitem.title}
</span>
<svg class="h-6 w-6 transform text-white" data-collapse-target="icon">
<use href="#icon-chevron-down"></use>
</svg>
</a>
<f:if condition="{topitem.active}">
<f:render section="Subnav" arguments="{_all}"/>