style(dashboard): use fixed units for dot scatter spacing

This commit is contained in:
Julien Calixte
2026-05-28 00:50:14 +02:00
parent 421903aa89
commit 406a4d5ec5

View File

@@ -44,11 +44,13 @@ function formatDate(value: string | Date): string {
return `${dd}/${mm}` return `${dd}/${mm}`
} }
// Cosmetic scatter: a stable 5-wide grid inside the box (ADR T7). // Cosmetic scatter: a stable 5-wide grid in fixed units (ADR T7), so dots
// cluster the same way in every section regardless of paper size (A2/A3/A4)
// rather than spreading out in the larger boxes.
function dotStyle(index: number) { function dotStyle(index: number) {
return { return {
left: `${12 + (index % 5) * 11}%`, left: `${1.1 + (index % 5) * 1.5}rem`,
top: `${22 + Math.floor(index / 5) * 28}%`, top: `${2 + Math.floor(index / 5) * 2.6}rem`,
} }
} }
</script> </script>