templates/shared/menu.html.twig line 1

Open in your IDE?
  1. <nav class="navbar navbar-expand-lg bg-body-tertiary">
  2.   <div class="container-fluid">
  3.     <a class="navbar-brand" style="background-color:white;" href="{{ path('app_home') }}">
  4.       <img src="{{ asset('images/logo_back_remove.png') }}" alt="Coupdcoeurimmo Logo" width="110" height="110" class="d-inline-block align-text-top">
  5.     </a>
  6.     <button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  7.       <span class="navbar-toggler-icon mb-2"></span>
  8.     </button>
  9.         
  10.     <div class="collapse navbar-collapse " id="navbarNavDropdown">
  11.       <ul class="navbar-nav ml-4 " style="display: flex; align-items: flex-end;">
  13.     <li class="nav-item">
  14.           <a class="nav-link" href="{{ path('app_home') }}" style="padding-bottom:0px">    
  15.     <span class="material-symbols-outlined" style="font-size:36px;">home</span>
  16.           </a>
  17.         </li>
  19.         <li class="nav-item">
  20.           {{ render(controller('App\\Controller\\CategoryController::index')) }}
  21.         </li>
  22.         <li class="nav-item">
  23.           <a class="nav-link" href="{{ path('app_favoris') }}">
  24.             <span class="text-dark">Mes favoris</span>
  25.           </a>
  26.         </li>
  27. {% if not app.user %}
  28.     <li class="nav-item dropdown">
  29.           <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  30.             <span class="text-dark">Mon espace</span>
  31.           </a>
  32.           <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown" style="width: auto !important; max-width: 200px;">
  33.               <a class="dropdown-item" href="{{ path('app_login') }}">Connexion</a>
  34.               <a class="dropdown-item" href="{{ path('app_user_register') }}">Inscription</a>
  35.           </div>
  36.         </li>
  37.       </ul>
  38.     </div>
  39.    </div>
  40.               {% else %}
  41.               {% include "shared/menuUser.html.twig" %}
  42.             {% endif %} 
  43. </nav>
  44.   {% if app.request.attributes.get('_route') != "app_home" %}
  45. {{ render(controller('App\\Controller\\SearchController::new', {'include': 'nav'})) }}
  46.         {% endif %}
  48. <style>
  49.   a {
  50.     color: #191e38;
  51.     text-decoration: none !important;
  52.   }
  54.   .navbar-brand {
  55.     background-color: rgba(0, 0, 0, 0.5);
  56.     padding: 5px 10px;
  57.   }
  59.   .navbar {
  60.     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  61.   }
  63.   .navbar-collapse {
  64.     justify-content: flex-end;
  65.   }
  67.   .nav-link {
  68.     padding: 0.5rem 1rem;
  69.     transition: color 0.3s ease-in-out;
  70.   }
  72.   .nav-link:hover {
  73.     color: #cd2148 !important;
  74.   }
  76.   .dropdown-menu {
  77.     padding: 0.5rem;
  78.   }
  80.   .dropdown-item {
  81.     display: block;
  82.     width: 100%;
  83.   }
  85.   .dropdown-item:hover {
  86.     background-color: #f8f9fa;
  87.   }
  88. </style>