Amélioration visuel véhicule

mycaldav/templates/rh/rh_view.html

@@ -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 %}

mycaldav/templates/team/team_view.html

@@ -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">
+                    &nbsp;Manif
-                         <use class="team_svg_icon" xlink:href="{% static 'mycaldav/images/team_manif.svg' %}#icon"></use>
-                     </svg>
                     {% endif %}
                 </td>
                 <td style="{% if task.done %}text-decoration:line-through{% endif %}">

vehicles/static/vehicles/style.css

@@ -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;
+    height: 500px;
-    border: solid 1px black;
+    background-repeat: no-repeat, repeat;
-     background-repeat: no-repeat, repeat;
+    background-size: contain;
-     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);
   }

vehicles/templates/vhc/vhc.html

@@ -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 %}" >
+        <div style="height: 30%;display: flex;" >
-        {{vhc.sName}}
+            <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>
+