CLERC/Reskreen
6
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Amélioration visuel véhicule

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

34
vehicles/static/vehicles/style.css
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);
}

41
vehicles/templates/vhc/vhc.html
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>