Test refont grahpique véhicules

This commit is contained in:
Ambulance Clerc
2022-11-10 16:59:57 +01:00
parent 90be7fd639
commit 85c25e6b90
2 changed files with 20 additions and 16 deletions

View File

@@ -42,19 +42,24 @@
height: 500px;
background-repeat: no-repeat, repeat;
background-size: contain;
border: solid 1px green;
}
.container{
border: solid 1px red;
width: 100%;
overflow: auto;
}
.element{
border: solid 1px blue;
display: flex;
justify-content: space-between;
}
.child_box{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
gap: 0px;
align-items: stretch;
}
.child_box div{
}
body{

View File

@@ -19,27 +19,26 @@
</div>
<div class="child_box" style="height: 70%;">
<div style="width: 48%;height: var(--main-child-container-height);">
<div class="container" style="height: var(--main-child-container-height);">
<b>Infos techniques</b>
{% for info in vhc.get_all_infos_tech %}
<div style="margin-top: 15px">
{{info.sDesc}}
<br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
<div class="element" style="margin-top: 15px">
<a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
<span style="font-style: italic;text-transform:uppercase;align-self: flex-end;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
</div>
{% endfor %}
</div>
<div style="width: 48%;height: var(--main-child-container-height);">
<div class="container" style="height: var(--main-child-container-height);">
<b>Matériels manquants</b>
{% for info in vhc.get_all_infos_mat %}
<div style="margin-top: 15px; color: red">
{{info.sDesc}}
<div class="element" style="margin-top: 15px; color: red">
<a href="/admin/vehicles/vehicles_infos/{{info.id}}" target="_blank">{{info.sDesc}}</a> <br>
<br><span style="font-style: italic;text-transform:uppercase;">{{info.get_Start_formated}} {{info.get_Author_formated}}</span>
</div>
{% endfor %}
</div>
<div style="width: 350px;height: var(--main-child-container-height); ">
<div style="width: 350px;height: var(--main-child-container-height);display: none; ">
<b>Péremptions</b>
<div class="child_box">