templates/includes/blocks/download-modal.html.twig line 1

  1. {% if '/_sulu_preview' in app.request.requesturi %}
  2.     {% set style = 'style="display: none"' %}
  3. {% else %}
  4.     {% set style = 'x-show="show" x-transition.duration.200ms' %}
  5. {% endif %}
  6. <div class="modal__modal" {{ style|raw }}>
  7.     <div class="modal-card">
  8.         <div class="modal-card__content">
  9.             <div class="modal-card__title{{ content.downloadModalTitleMobile ? ' desktop-only' : '' }}">
  10.                 {{ content.downloadModalTitleDesktop | raw }}
  11.             </div>
  12.             {% if content.downloadModalTitleMobile %}
  13.             <div class="modal-card__title mobile-only">
  14.                 {{ content.downloadModalTitleMobile | raw }}
  15.             </div>
  16.             {% endif %}
  17.             <div class="modal-card__text">
  18.                 {{ content.downloadModalText | raw }}
  19.             </div>
  20.         </div>
  21.         <div class="modal-card__form">
  22.             {{ include('/includes/agenda-download-form.html.twig') }}
  23.         </div>
  24.     </div>
  25.     <div class="modal__close" @click="close">
  26.         <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  27.             <path d="M13.5 2.5L2.5 13.5" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"
  28.                   stroke-linejoin="round"/>
  29.             <path d="M2.5 2.5L13.5 13.5" stroke="currentColor" stroke-miterlimit="10" stroke-linecap="round"
  30.                   stroke-linejoin="round"/>
  31.         </svg>
  32.     </div>
  33. </div>