Website/app/frontend/templates/components/BurgerMenu/Index.html.twig

25 lines
850 B
Twig
Raw Normal View History

{% set logged_in = true %}
<div
class="burger-menu"
{{ stimulus_controller('Components/BurgerMenu') }}
>
<button class="burger-menu__button-open" {{ stimulus_action('Components/BurgerMenu', 'open') }}>
<twig:ux:icon name="ph:list" class="burger-menu__icon-full"/>
</button>
<div
class="burger-menu__container"
tabindex="-1"
{{ stimulus_target('Components/BurgerMenu', 'container') }}
style="left: 100%"
>
<button class="burger-menu__button-close" {{ stimulus_action('Components/BurgerMenu', 'close') }}>
<twig:ux:icon name="ph:x" class="burger-menu__icon-full"/>
</button>
<twig:BurgerMenu:User logged_in="{{ logged_in }}"/>
<twig:BurgerMenu:Login logged_in="{{ logged_in }}"/>
<hr/>
<twig:BurgerMenu:Nav/>
</div>
</div>