templates/app/partials/mobile/overlay.html.twig line 1

Open in your IDE?
  1. <div
  2.     class="fixed flex flex-col bottom-0 left-0 right-0 z-50 overflow-auto bg-white lg:hidden top-[74px] text-black h-[calc(100%-74px)]"
  3.     x-show="mobileMenuOpen"
  4.     x-transition.opacity.duration.500ms
  5.     x-on:resize.window="mobileMenuOpen = false"
  6. >
  7.     <div class="flex-grow">
  8.         {% include 'app/partials/mobile/navigation.html.twig' %}
  10.         <div class="flex flex-col gap-5 pt-5 px-5">
  11.             {% include "app/partials/header/emergency.html.twig" with {showIcon: false} %}
  13.             {% if document.getProperty('workAtPage') %}
  14.                 {% set workAtLink = document.getProperty('workAtPage').url %}
  15.                 {% set workAtTitle = document.getProperty('workAtPage').getProperty('navigation_title') %}
  17.                 {% include "app/partials/header/link.html.twig" with {href: workAtLink, label: workAtTitle, class: 'text-blue-800'} %}
  18.             {% endif %}
  20.             {% if document.getProperty('contactPage') %}
  21.                 {% set contactLink = document.getProperty('contactPage').url %}
  22.                 {% set contactTitle = document.getProperty('contactPage').getProperty('navigation_title') %}
  24.                 {% include "app/partials/header/link.html.twig" with {href: contactLink, label: contactTitle, class: 'text-blue-800'} %}
  25.             {% endif %}
  26.         </div>
  28.         <div class="px-5 my-5">
  29.             {% include 'app/partials/languageswitch.html.twig' with {'theme': 'header' } %}
  30.         </div>
  31.     </div>
  32. </div>