feat: implement screendesign

This commit is contained in:
Björn Fromme
2026-03-16 11:59:12 +01:00
parent 39e6cc4d68
commit 4a2d1f4a02
84 changed files with 2807 additions and 2603 deletions
+14 -19
View File
@@ -1,26 +1,21 @@
{% extends 'base.html.twig' %}
{% block body %}
{# Global toast controller - persists across all HTMX swaps and page navigations #}
<div {{ stimulus_controller('toast') }}></div>
<div class="{{ html_classes('pb-8', { 'pt-24': is_granted('ROLE_USER') }) }}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
<div class="fixed inset-x-0 top-0 z-20">
<div class="max-w-screen-xl mx-auto flex items-center justify-between bg-primary-dark text-white">
{% if is_granted('ROLE_USER') %}
<nav class="w-full flex items-center relative">
<div class="flex-1 block text-xl px-4">My E&amp;P</div>
<div>
{{ knp_menu_render(knp_menu_get('main')) }}
</div>
</nav>
{% endif %}
<div class="w-screen h-screen {% block background %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
<div class="max-w-screen-xl h-screen ml-auto flex flex-col overflow-hidden bg-inner">
<div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
{% block header %}
{% include '_partials/_header.html.twig' %}
{% endblock %}
</div>
<div class="flex-1 flex flex-col min-h-0 relative z-10">
<div class="flex-1 overflow-y-auto">
{% block content %}{% endblock %}
</div>
</div>
{% block footer %}{% endblock %}
</div>
<div class="max-w-screen-xl mx-auto">
{% block content %}{% endblock %}
{% include '_partials/_loading_indicator.html.twig' %}
</div>
<div data-iframe-size></div>
{% include '_partials/_loading_indicator.html.twig' %}
</div>
<div {{ stimulus_controller('toast') }}></div>
{% endblock %}