{% extends "Layouts/base.html.twig" %}{% block body %} <div class="max-w-screen-xl pl-2 mx-auto"> <a href="{{ path("Study-overview") }}" class="inline-flex items-center mt-2 underline Button Button_tertiary Button_tertiary_go Button_standalone"> {# Icon: ic:sharp-arrow-back #} <svg class="w-4 h-4 mr-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" style="vertical-align: -0.125em;" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"> <path d="M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20v-2z" fill="currentColor"/> </svg> {{ "title.overview.list.header"|trans }} </a> </div> <div class="flex max-w-screen-xl mx-auto mt-2 bg-white gap-x-4 gap-y-1 min-h-[calc(100%-15.75rem)] mb-12"> <div class="w-[21%]"> <div class="sticky top-0 overflow-hidden border rounded-lg shadow-sm"> {{ render(controller('App\\View\\Controller\\NavigationController::sidebarNavigationAction', {request: app.request })) }} </div> </div> <div class="w-[49%]"> <section class="border rounded-lg shadow-sm bg-mono-50"> {% block content %} {% endblock %} </section> </div> <div class="w-[30%]"> <aside class="sticky top-0 overflow-hidden border rounded-lg shadow-sm bg-white scrollbar scrollbar-thumb-gray-400 scrollbar-thin scrollbar-track-gray-100 max-h-[calc(100vh)] overflow-y-auto"> {% block help_for_section %} <div class="w-full Help-Text Help-Text_section markdown"> <h1> Help for this section </h1> <p> Help! Anybody? </p> </div> {% endblock %} <div> {% block help_for_metadata %} {% endblock %} </div> </aside> </div> </div>{% endblock %}