stack/src/components/main-nav/main-nav.twig line 1

Open in your IDE?
  1. <nav class="m-nav d-flex flex-column gap-2 d-lg-block" aria-label="primary navigation">
  3.   <header class="m-nav__header d-flex justify-content-between align-items-center gap-1 d-lg-none p-2 u-posr">
  4.     {% include "@Components/main-header/main-header-logo/main-header-logo.twig" with {props: {
  5.       img: {
  6.         src: "images/svg/logo.svg",
  7.         width: 113,
  8.         height: 32,
  9.         alt: "logo",
  10.       },
  11.     }} %}
  13.     {% include "@Components/button/button-nav-closer.twig" %}
  14.   </header>
  16.   <div class="m-nav__wrap d-flex flex-column align-items-center gap-2 u-posr">
  17.     <div class="m-nav__search d-flex d-lg-none w-100 px-2">
  18.       {% include "@Components/main-header/main-header-search/main-header-search.twig" with {props: props.search} %}
  19.     </div>
  21.     <div class="m-nav__inner d-flex flex-column-reverse flex-lg-row align-items-lg-center justify-content-lg-between gap-2 w-100 px-2 px-lg-0">
  22.       <ul class="m-nav__list d-flex flex-column">
  23.         {% include "@Components/items/menu-item/menu-item.twig" with {
  24.           items: props.nav,
  25.           level: 1,
  26.         } only %}
  27.       </ul>
  29.       {% if props.catalog.url %}
  30.         {% include "@Components/button/button.twig" with {props: {
  31.           title: props.catalog.title,
  32.           url: props.catalog.url,
  33.           icon: {
  34.             src: "@Images/svg/chevron-right.svg",
  35.             size: "lg"
  36.           },
  37.           extra_class: "m-nav__catalog-btn"
  38.         }} %}
  39.       {% endif %}
  40.     </div>
  41.   </div>
  43.   {% include "@Components/language-select-mobile/language-select-mobile.twig" with {props: props.languages} %}
  44. </nav>