templates/_partials/header.html.twig line 1

Open in your IDE?
  1. <header class="fixed w-full z-40">
  2.   <div class="bg-blue-900 px-10">
  3.     <div class="flex {% if page_title is defined and page_title == "Page d'accueil" %}justify-end{% else %}justify-between{% endif %} gap-2 text-white py-2">
  4.       {% block breadcrumbs %}
  5.       {{ render(controller(
  6.                   'App\\Controller\\BreadcrumbController::Breadcrumbs', { }
  7.               )) }}
  8.       {% endblock %}
  9.       <div class="flex items-center gap-3">
  10.         <div x-data="{ open: false }" class="flex items-center md:order-2">
  11.           <button @click="open = ! open" type="button" class="relative flex mr-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:outline-none" id="user-menu-button" aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom">
  12.             <img class="w-8 h-8 rounded-full" src="{{asset('assets/img/profil.jpg')}}" alt="">
  13.             <span class="top-0 left-7 absolute w-2 h-2 mx-1 bg-blue-300 rounded-full"></span>
  14.             <div x-show="open" @click.away="open = ! open" x-transition class="absolute py-3 px-4.5 rounded-lg bg-white shadow-lg border right-0 top-8">
  15.               <a href="{{path('logout')}}" class="py-1.5 whitespace-nowrap px-5 bg-gray-100 hover:bg-gray-50 text-gray-600">Se déconnecter</a>
  16.             </div>
  17.           </button>
  18.         </div>
  19.         <div class="lg:inline-flex lg:flex-row lg:ml-auto lg:w-auto w-full lg:items-center flex flex-col lg:h-auto">
  20.           <span>
  21.             {% if app.user %}
  22.               Connecté en tant que
  23.               {{ app.user.name }}
  24.             {% endif %}
  25.           </span>
  26.         </div>
  27.       </div>
  28.     </div>
  29.   </div>
  30.   <div class="w-full bg-gray-600 h-2"></div>
  31.   <div class="w-full bg-blue-500 flex justify-center items-center text-white relative"  style="z-index: -1;">
  32.     <img class="max-w-8xl mx-auto h-full relative" src="{{asset('assets/Icon/Barre Bleue.svg')}}" alt="" style="height:4.5rem;">
  33.     
  34.     {# {% if app.user.logo is not null %} #}
  35.     {% if app.user.logo is not empty %}
  36.       <img class="left-8 absolute" src="{{asset( 'assets/logo/' ~ app.user.logo )}}" alt="" style="height:4rem;">
  37.     {% endif %}
  38.     
  39.     {% if page_title is defined %}
  40.       <h1 class="text-2xl absolute font-semibold">{{ page_title }}</h1>
  41.     {% else %}
  42.       <h1 class="text-2xl absolute font-semibold">Nom de la page à définir dans le controller</h1>
  43.     {% endif %}
  44.   </div>
  45.   
  46. </header>
  48. <main class="pt-36 bg-gray-200 mx-auto w-full">