feat: improved layout, removed htmx-boost for simplicity

This commit is contained in:
Björn Fromme
2025-01-25 14:59:09 +01:00
parent 6730c243f6
commit f9e7f28b6b
19 changed files with 95 additions and 209 deletions
+17 -21
View File
@@ -1,23 +1,19 @@
<div class="my-16"
id="myep"
hx-boost="true"
hx-indicator="#loading-indicator">
<div class="fixed inset-x-0 top-0 z-20 flex items-center justify-between pb-4">
{% if is_granted('ROLE_USER') %}
<nav class="w-full bg-zinc-200 flex items-center mb-8 relative">
<div class="flex-1 block text-2xl px-4">My E&amp;P</div>
<div class="bg-zinc-200">
{{ knp_menu_render(knp_menu_get('main')) }}
</div>
</nav>
{% endif %}
</div>
<div id="content">
{% extends 'base.html.twig' %}
{% block body %}
<div class="{{ html_classes('pb-8', { 'pt-16': is_granted('ROLE_USER') }) }}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
<div class="fixed inset-x-0 top-0 z-20 flex items-center justify-between pb-4">
{% if is_granted('ROLE_USER') %}
<nav class="w-full bg-zinc-200 flex items-center mb-8 relative">
<div class="flex-1 block text-2xl px-4">My E&amp;P</div>
<div class="bg-zinc-200">
{{ knp_menu_render(knp_menu_get('main')) }}
</div>
</nav>
{% endif %}
</div>
{% block content %}{% endblock %}
{% include '_partials/_flashes.html.twig' %}
{% include '_partials/_loading_indicator.html.twig' %}
</div>
<div class="htmx-indicator fixed top-0 left-0 inset-0 z-10 bg-white/90 flex items-center justify-center"
id="loading-indicator">
{% include '_partials/_spinner.html.twig' with { 'class': 'w-8 h-8'} %}
</div>
{% include '_partials/_flashes.html.twig' %}
</div>
{% endblock %}