templates/layout/header/topbar.html.twig line 1

Open in your IDE?
  1. {% set topbarpages = build_property_nav(document, 'navigationTopbar').pages|filter(page => page.visible) %}
  4. <div class="hidden bg-secondary-900 border-t-5 border-primary lg:flex z-1700">
  5.   <div class="container flex items-center justify-between p-3 text-white max-w-screen-xxl">
  7.     <div class="flex items-center justify-start space-x-8">
  8.       {# Topbar Pages #}
  9.         <ul class="flex gap-5 text-sm">
  10.           <li>
  11.             <a href="/{{app.request.locale}}" class="flex items-center gap-2 px-2 text-white">
  12.               {# prettier-ignore #}
  13.               {% include "icons/home.svg.twig" ignore missing with {class: "w-5 h-5 text-primary"} %}
  14.               <span>{{ "topbar-homepage"|trans }}</span>
  15.             </a>
  16.           </li>
  17.           {% if topbarpages %}
  18.             {% for page in topbarpages %}
  19.               <li>
  20.                 <a href="{{ page.href }}" target="{{ page.target }}" class="flex items-baseline px-2 gap-2 text-white {{ page.active ? 'font-medium' : '' }}">
  21.                   {# prettier-ignore #}
  22.                   {% include "icons/" ~ page.document.property("icon") ~ ".svg.twig" ignore missing with {class: "w-5 h-5 text-primary"}  %}
  23.                   <span>{{ page.label }}</span>
  24.                 </a>
  25.               </li>
  26.             {% endfor %}
  27.           {% endif %}
  28.         </ul>
  29.     </div>
  31.     <div class="flex gap-6">
  32.       {# User #}
  33.       {% include "layout/header/topbar-user.html.twig" %}
  35.       {# Language #}
  36.       {% include "layout/navigation/language.html.twig" %}
  37.     </div>
  39.   </div>
  40. </div>