ui - centering things without breaking sticky navbar and menu

This commit is contained in:
bunkerity
2021-08-09 17:10:26 +02:00
parent bcd421de09
commit 0573ba7b5a
5 changed files with 40 additions and 32 deletions

View File

@@ -5,16 +5,20 @@
<div class="row justify-content-center">
{% if operation != "" %}
<div class="col col-12 col-lg-4 mt-5 text-center">
<div class="alert alert-primary alert-dismissible fade show text-break" role="alert">
{{ operation }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
<div class="col col-12">
<div class="row justify-content-center">
<div class="col col-12 col-lg-4">
<div class="alert alert-primary alert-dismissible fade show text-break" role="alert">
{{ operation }}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
</div>
</div>
</div>
{% endif %}
{% if instances|length == 0 %}
<div class="alert alert-primary text-center">
<div class="col col-12 alert alert-primary">
No instance to show...
</div>
{% endif %}
@@ -27,7 +31,7 @@
{% set color = "danger" %}
{% endif %}
<div class="col col-12">
<div class="col col-12 col-lg-6">
<form id="form-instance-{{ instance["id"] }}">
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<input type="hidden" name="INSTANCE_ID" value="{{ instance["id"] }}">
@@ -47,7 +51,7 @@
</ul>
</div>
</div>
<div class="card-body text-dark">
<div class="card-body text-dark text-center">
<h5 class="card-title">
Status : {{ instance["status"] }}<br>
Type : {{ instance["type"] }}