templates/Header/base.html.twig line 1

Open in your IDE?
  1. <div id="kt_app_header" class="app-header">
  2.     <div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
  3.         <div class="d-flex align-items-center d-lg-none ms-n2 me-2" title="Show sidebar menu">
  4.             <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
  5.                 <span class="svg-icon svg-icon-1">
  6.                     <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  7.                         <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="currentColor" />
  8.                         <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="currentColor" />
  9.                     </svg>
  10.                 </span>
  11.             </div>
  12.         </div>
  13.         <!--begin::Mobile logo-->
  14.         <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0">
  15.             <a href="" class="d-lg-none">
  16.                 <img alt="Logo" src="{{asset('foxorders/media/logos/logo-black.png')}}" class="h-30px" />
  17.             </a>
  18.         </div>
  19.         <!--end::Mobile logo-->
  20.         <!--begin::Header wrapper-->
  21.         <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
  22.             <h1 class="d-flex align-items-center text-dark my-1 fs-4">
  23.                 {% block headerTitle %}{% endblock %}
  24.             </h1>
  25.             <div class="app-header-menu app-header-mobile-drawer align-items-stretch" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="250px" data-kt-drawer-direction="end" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
  26.                 <div class="alert alert-warning clone-in-progress d-flex align-items-center p-5 mt-2 d-none">
  27.                     <i class="ki-duotone ki-shield-tick fs-2hx text-warning me-4"><span class="fa-solid fa-triangle-exclamation"></span></i>
  28.                     <div class="d-flex flex-column">
  29.                         <h4 class="mb-1 text-warning">Carte en cours du clonage...</h4>
  30.                         <span>Merci d'attendre la fin du clonage avant de modifier quoi que ce soit.</span>
  31.                     </div>
  32.                 </div>
  33.                 {% block headerMenu %}{% endblock %}
  34.             </div>
  35.             <div class="app-navbar flex-shrink-0">
  36.                 {% block appNavbar %}{% endblock %}
  37.             </div>
  38.         </div>
  39.         <!--end::Header wrapper-->
  40.     </div>
  41. </div>