19 lines
929 B
Twig
19 lines
929 B
Twig
<div id="mobilenav"
|
|
class="fixed z-50 top-0 left-0 inset-0 pr-16 bg-black/70 -translate-x-full"
|
|
{{ stimulus_controller('mobilenav', [], { 'closed': '-translate-x-full' }, { 'mobilenav': '#mobilenav' }) }}
|
|
>
|
|
<div class="h-screen w-full bg-white">
|
|
<div class="flex justify-between px-8 pt-4">
|
|
<img src="{{ asset('build/images/logo.svg') }}" alt="" class="block w-auto h-8">
|
|
<button type="button"
|
|
{{ stimulus_action('mobilenav', 'trigger', null, { 'mode': 'close' }) }}>
|
|
{{ icon('close', 'w-8 h-8') }}
|
|
</button>
|
|
</div>
|
|
<div class="w-full h-full p-8 pt-4 overflow-y-scroll">
|
|
{% set mobileMenu = knp_menu_get('main', [], { 'mobile': true }) %}
|
|
{{ knp_menu_render(mobileMenu, { 'firstClass': null, 'lastClass': null, 'ancestorClass': 'active', 'compressed': true }) }}
|
|
</div>
|
|
</div>
|
|
</div>
|