diff --git a/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte b/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte index a05ea60cbf9c600ee5152d3b038a1140a102840d..79b60c6db8ffc4f3828ffd6df4141d401c047163 100644 --- a/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte +++ b/src/lib/components/ui_transverse_components/piece_of_cake/VerticalLine.svelte @@ -3,6 +3,7 @@ import { getSituationVariableValue, type Situation } from "$lib/situations" import { variableSummaryByName, type VariableValue } from "$lib/variables" import type { PopulationWithoutId } from "@openfisca/json-model" + import PictoBigPersonneACharge from "$lib/components/ui_transverse_components/pictos/PictoBigPersonneACharge.svelte" interface Props { situation: Situation @@ -28,7 +29,7 @@ let min = $derived(situation.sliders![0].min) let max = $derived(situation.sliders![0].max) let personSituation = $derived( - situation[personEntity.key_plural] as { + situation[personEntity.key_plural!] as { [populationId: string]: PopulationWithoutId }, ) @@ -50,6 +51,11 @@ </script> <div - class="pointer-events-none absolute inset-y-0 -translate-x-1/2 border-l border-neutral-600" + class="pointer-events-none absolute inset-y-0 inline -translate-x-1/2 border-l-2 border-neutral-600" style:left="{linePositionX}%" -></div> +> + <div class="relative" style:top="-50px" style:left="-20px"> + <PictoBigPersonneACharge /> + </div> + <div class="relative" style:top="-80px" style:left="20px">Cas type</div> +</div>