improve layout classes

This commit is contained in:
Mathieu Jaumotte 2021-07-22 22:09:31 +02:00
parent 0cd9dc6028
commit c9562ebdf7
7 changed files with 84 additions and 84 deletions

View File

@ -39,20 +39,21 @@
<body>
{{ include('@ChillMain/Layout/_header.html.twig') }}
{% block top_banner %}{#
To use if you want to add a banner below the header (ie the menu)
{% block top_banner %}{#
To use if you want to add a banner below the header (ie the menu)
#}{% endblock %}
<div class="content" id="content">
{% block sublayout_content %}
<div class="container-xxl">
<div class="row justify-content-center">
{% block sublayout_content %}
<div class="row justify-content-center my-5">
{# Flash messages ! #}
{% if app.session.flashbag.all()|length > 0 %}
<div class="col-8 mt-5 flash_message">
<div class="col-8 mb-5 flash_message">
{% for flashMessage in app.session.flashbag.get('success') %}
<div class="col-8 alert alert-success flash_message">
<span>{{ flashMessage|raw }}</span>
@ -75,13 +76,13 @@
{% endif %}
{% block content %}
<div class="col-8 mt-5 main_search">
<div class="col-8 main_search">
<h2>{{ 'Search'|trans }}</h2>
<form action="{{ path('chill_main_search') }}" method="get">
<input class="form-control form-control-lg" name="q" type="search" placeholder="{{ 'Search persons, ...'|trans }}" />
<center>
<button type="submit" class="btn btn-lg btn-warning mt-2">
<button type="submit" class="btn btn-lg btn-warning mt-3">
<i class="fa fa-fw fa-search"></i> {{ 'Search'|trans }}
</button>
</center>
@ -90,9 +91,11 @@
{{ chill_widget('homepage', {} ) }}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{{ include('@ChillMain/Layout/_footer.html.twig') }}

View File

@ -24,42 +24,40 @@
{% extends "@ChillMain/layout.html.twig" %}
{% block sublayout_content %}
<div class="container-xxl">
<div class="row">
<div class="col-md-9">
{# Flash messages ! #}
{% if app.session.flashbag.all()|length > 0 %}
<div class="row justify-content-center mt-5">
{% for flashMessage in app.session.flashbag.get('success') %}
<div class="col-8 alert alert-success flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
<div class="row">
<div class="col-md-9 my-5">
{% for flashMessage in app.session.flashbag.get('error') %}
<div class="col-8 alert alert-danger flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
{# Flash messages ! #}
{% if app.session.flashbag.all()|length > 0 %}
<div class="row justify-content-center mb-5">
{% for flashMessage in app.session.flashbag.get('notice') %}
<div class="col-8 alert alert-warning flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
</div>
{% endif %}
{% for flashMessage in app.session.flashbag.get('success') %}
<div class="col-8 alert alert-success flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('error') %}
<div class="col-8 alert alert-danger flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
{% for flashMessage in app.session.flashbag.get('notice') %}
<div class="col-8 alert alert-warning flash_message">
<span>{{ flashMessage|raw }}</span>
</div>
{% endfor %}
{% block layout_wvm_content %}<!-- content of the layoutWithVerticalMenu is empty -->
{% endblock %}
</div>
<div class="col-md-3">
{% block vertical_menu_content %}<!-- vertical menu of the layoutWithVerticalMenu is empty -->
{% endblock %}
</div>
{% endif %}
{% block layout_wvm_content %}<!-- content of the layoutWithVerticalMenu is empty -->
{% endblock %}
</div>
<div class="col-md-3">
{% block vertical_menu_content %}<!-- vertical menu of the layoutWithVerticalMenu is empty -->
{% endblock %}
</div>
</div>
{% endblock %}

View File

@ -5,7 +5,7 @@
{% endblock %}
{% block layout_wvm_content %}
<div class="row justify-content-center my-5">
<div class="row justify-content-center">
<div class="col-md-10 col-xxl">
{% block content %}{% endblock %}
</div>

View File

@ -5,7 +5,7 @@
{% endblock %}
{% block layout_wvm_content %}
<div class="row justify-content-center my-5">
<div class="row justify-content-center">
<div class="col-md-10 col-xxl">
{% block content %}{% endblock %}
</div>

View File

@ -19,37 +19,34 @@
{% block title %}{{ 'Add a person'|trans }}{% endblock title %}
{% block content %}
<div class="person-new col-12 my-5">
<div class="row justify-content-center">
<div class="col-md-10 col-xxl">
{{ form_start(form) }}
<h1>{{ 'Add a person'|trans }}</h1>
{{ form_row(form.firstName, { 'label' : 'First name'|trans }) }}
{{ form_row(form.lastName, { 'label' : 'Last name'|trans }) }}
{% if form.altNames is defined %}
{{ form_widget(form.altNames) }}
{% endif %}
{{ form_row(form.birthdate, { 'label' : 'Date of birth'|trans }) }}
{{ form_row(form.gender, { 'label' : 'Gender'|trans }) }}
{{ form_row(form.creation_date, { 'label' : 'Creation date'|trans }) }}
{{ form_rest(form) }}
<button class="btn btn-create" type="submit" alt="add a person">
{{ 'Add the person'|trans }}
</button>
{{ form_end(form) }}
</div>
</div>
<div class="col-md-10 col-xxl person-new">
{{ form_start(form) }}
<h1>{{ 'Add a person'|trans }}</h1>
{{ form_row(form.firstName, { 'label' : 'First name'|trans }) }}
{{ form_row(form.lastName, { 'label' : 'Last name'|trans }) }}
{% if form.altNames is defined %}
{{ form_widget(form.altNames) }}
{% endif %}
{{ form_row(form.birthdate, { 'label' : 'Date of birth'|trans }) }}
{{ form_row(form.gender, { 'label' : 'Gender'|trans }) }}
{{ form_row(form.creation_date, { 'label' : 'Creation date'|trans }) }}
{{ form_rest(form) }}
<button class="btn btn-create" type="submit" alt="add a person">
{{ 'Add the person'|trans }}
</button>
{{ form_end(form) }}
</div>
{% endblock content %}

View File

@ -23,7 +23,7 @@
{% endblock %}
{% block layout_wvm_content %}
<div class="row justify-content-center my-5">
<div class="row justify-content-center">
<div class="col-md-10 col-xxl">
{% block personcontent %}{# block personcontent empty #}{% endblock %}
</div>

View File

@ -1,9 +1,11 @@
{% if is_granted('CHILL_PERSON_CREATE') %}
<div class="col-8 mb-5 text-center homepage_widget">
<a href="{{ path('chill_person_new') }}">
<div class="btn btn-lg btn-primary mt-4" style="float: inherit;">
{{ 'Add a person'|trans }}
</div>
</a>
<div class="col-8 mt-5 homepage_widget">
<center>
<a href="{{ path('chill_person_new') }}">
<div class="btn btn-lg btn-primary">
{{ 'Add a person'|trans }}
</div>
</a>
</center>
</div>
{% endif %}