feat: implement screendesign
This commit is contained in:
+14
-19
@@ -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&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 %}
|
||||
|
||||
Reference in New Issue
Block a user