Merge branch 'modifs-details' into 'master'

Modifs details

See merge request leximpact/leximpact-socio-fiscal-ui!38

src/lib/components/test_cases/TestCaseView.svelte

@@ -409,7 +409,7 @@
     {/if}
   </div>
   <div
-    class="px-4 py-2 bg-gray-100 grid grid-flow-col grid-cols-{waterfalls.length} grid-rows-3 gap-x-4 gap-y-1"
+    class="px-4 py-2 bg-gray-100 grid grid-flow-col grid-cols-{waterfalls.length} grid-rows-3 gap-x-4 "
   >
     {#each waterfalls as { icon, label, root, total, totalLabel }}
       <div class="place-self-center">
@@ -420,7 +420,30 @@
       <p class="text-sm leading-none text-center">
         {totalLabel}
       </p>
+      <div
+        class="place-self-center flex"
+        title="⚠️ Les dispositifs n'étant pas tous à jour, cette somme est à considérer avec prudence."
+      >
         <div class="place-self-center">
+          <svg
+            aria-hidden="true"
+            class="fill-current h-5 w-5 text-white mx-1 "
+            viewBox="0 0 24 22"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              class="text-[#FFAC33]"
+              d="M0.124322 18.4377C-0.240619 19.1041 0.241623 19.918 1.00142 19.918H20.6259C21.3857 19.918 21.868 19.1041 21.503 18.4377L11.6908 0.519686C11.3113 -0.173228 10.316 -0.173229 9.93658 0.519685L0.124322 18.4377ZM11.8591 16.8375C11.8591 17.3898 11.4114 17.8375 10.8591 17.8375H10.7682C10.2159 17.8375 9.76822 17.3898 9.76822 16.8375V16.627C9.76822 16.0747 10.2159 15.627 10.7682 15.627H10.8591C11.4114 15.627 11.8591 16.0747 11.8591 16.627V16.8375ZM11.8591 12.7416C11.8591 13.2938 11.4114 13.7416 10.8591 13.7416H10.7682C10.2159 13.7416 9.76822 13.2938 9.76822 12.7416V7.3298C9.76822 6.77751 10.2159 6.3298 10.7682 6.3298H10.8591C11.4114 6.3298 11.8591 6.77751 11.8591 7.3298V12.7416Z"
+            />
+            <path
+              d="M10.7686 17.8378H10.8595C11.4117 17.8378 11.8595 17.3901 11.8595 16.8378V16.6273C11.8595 16.075 11.4117 15.6273 10.8595 15.6273H10.7686C10.2163 15.6273 9.76855 16.075 9.76855 16.6273V16.8378C9.76855 17.3901 10.2163 17.8378 10.7686 17.8378Z"
+            />
+            <path
+              d="M10.7686 13.7418H10.8595C11.4117 13.7418 11.8595 13.2941 11.8595 12.7418V7.33008C11.8595 6.77779 11.4117 6.33008 10.8595 6.33008H10.7686C10.2163 6.33008 9.76855 6.77779 9.76855 7.33008V12.7418C9.76855 13.2941 10.2163 13.7418 10.7686 13.7418Z"
+            />
+          </svg>
+        </div>
+        <div>
           <p
             class="font-bold text-2xl"
             title="⚠️ Les dispositifs n'étant pas tous à jour, ce montant est à considérer avec prudence."
@@ -438,7 +461,9 @@
               billValue={$billName === undefined
                 ? undefined
                 : calculateTotal(
-                  $evaluationByNameArrayByCalculationName.bill[situationIndex],
+                    $evaluationByNameArrayByCalculationName.bill[
+                      situationIndex
+                    ],
                     root,
                     total,
                   )}
@@ -450,6 +475,7 @@
             />
           </p>
         </div>
+      </div>
     {/each}
   </div>
 </div>