Amélioration visuel véhicule

This commit is contained in:
Ambulance Clerc
2022-11-10 10:39:25 +01:00
parent 5c52baa2cd
commit 118a5e0da9
4 changed files with 70 additions and 11 deletions

View File

@@ -1,7 +1,7 @@
{% load static %}
<link rel="stylesheet" href="{% static 'mycaldav/style.css' %}">
<div class="ifram_main_div">
<div class="ifram_main_div" style="height: 140px; overflow: auto;">
{% if latest_task_list %}
<table>
{% for task in latest_task_list %}

View File

@@ -15,9 +15,7 @@
</svg>
{% endif %}
{% if task.team_manif %}
<svg class="team_svg_icon" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<use class="team_svg_icon" xlink:href="{% static 'mycaldav/images/team_manif.svg' %}#icon"></use>
</svg>
&nbsp;Manif
{% endif %}
</td>
<td style="{% if task.done %}text-decoration:line-through{% endif %}">

View File

@@ -1,15 +1,39 @@
:root{
--main-text-color: white;
--main-text-family: 'Source Sans Pro', sans-serif;
}
.main_container{
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
height: 350px;
height: 100%;
}
.child{
width: 350px;
color: green;
border: solid 1px black;
background-repeat: no-repeat, repeat;
background-size: contain;
height: 500px;
background-repeat: no-repeat, repeat;
background-size: contain;
}
.child_box{
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
gap: 0px;
align-items: stretch;
}
.child div{
}
body{
background-color: black;
font-family: var(--main-text-family);
font-size: 12pt;
color: var(--main-text-color);
}

View File

@@ -11,8 +11,45 @@
{% for vhc in list_vhc %}
{% with 'vehicles/images/ocvs_rtw_'|add:vhc.nStatus|add:'.png' as image_static %}
<div class="child">
<img width="350px" src="{% static image_static %}" >
{{vhc.sName}}
<div style="height: 30%;display: flex;" >
<b>{{vhc.sName}}</b><br>
<img height="100px" src="{% static image_static %}" ><br>
<span style="align-self: flex-end; padding: 20px;">Lucas</span>
</div>
<div class="child_box" style="height: 70%;">
<div style="width: 46%; padding: 2px;">
<b>Infos techniques</b>
<div style="margin-top: 15px">
fasdfasd fasdf asd fasdf ad
<br><span>10.11.2022 MC33</span>
</div>
</div>
<div style="width: 46%;padding: 2px;">
<b>Matériels manquants</b>
<div style="margin-top: 15px">
fasdfasd fasdf asd fasdf ad
<br><span>10.11.2022 MC33</span>
</div>
<div style="margin-top: 15px">
fasdfasd fasdf asd fasdf ad
<br><span>10.11.2022 MC33</span>
</div>
</div>
<div style="width: 350px; ">
<b>Péremptions</b>
<ul>
<li>fdaf afasd afdf asd f</li>
<li>fdaf afasd afdf asd f</li>
<li>fdaf afasd afdf asd f</li>
<li>fdaf afasd afdf asd f</li>
<li>fdaf afasd afdf asd f</li>
</ul>
</div>
</div>