mirror of
https://github.com/R0m1k3/CollectFlow.git
synced 2026-10-11 17:26:32 +02:00
Tableaux : largeur du contenu au lieu de s'étirer sur les écrans très larges
Sur un écran très large, la colonne de libellé absorbait tout l'espace en trop : le nom du fournisseur se retrouvait à un millier de pixels de ses chiffres. Le tableau prend désormais la largeur de son contenu (défilement au-delà de l'écran) et l'option « grow » devient « label » : largeur naturelle, retour à la ligne au-delà de 28rem. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01FaniLFvegAZNXFrFFSStqa
This commit is contained in:
4 files changed
+21
-15
No files matched your search
@@ -118,7 +118,7 @@ export function AnalyticsClient({
|
||||
footer: () => "Total",
|
||||
className: "min-w-[140px] sm:min-w-[220px]",
|
||||
sticky: true,
|
||||
grow: true,
|
||||
label: true,
|
||||
},
|
||||
...GROUPES.flatMap((g): DataColumn<AnalyticsRow>[] => {
|
||||
const total = g.id === "total";
|
||||
|
||||
@@ -132,7 +132,7 @@ const COLONNES: DataColumn<Ligne>[] = [
|
||||
footer: rows => <span className="whitespace-nowrap">{fmtEntier(rows.length)} articles</span>,
|
||||
className: "min-w-[140px] sm:min-w-[220px]",
|
||||
sticky: true,
|
||||
grow: true,
|
||||
label: true,
|
||||
},
|
||||
{
|
||||
id: "reference",
|
||||
|
||||
@@ -172,7 +172,7 @@ export function PublicitesClient({
|
||||
sortValue: (p) => p.intitule,
|
||||
cell: (p) => <Operation intitule={p.intitule} code={p.tcr_code} />,
|
||||
sticky: true,
|
||||
grow: true,
|
||||
label: true,
|
||||
footer: (rows) =>
|
||||
`Total${paginee ? " de la page" : ""} · ${fmtEntier(rows.length)} publicité${rows.length > 1 ? "s" : ""}`,
|
||||
},
|
||||
@@ -264,7 +264,7 @@ export function PublicitesClient({
|
||||
sortValue: (h) => h.intitule,
|
||||
cell: (h) => <Operation intitule={h.intitule} code={h.tcr_code} />,
|
||||
sticky: true,
|
||||
grow: true,
|
||||
label: true,
|
||||
footer: (rows) => `Total · ${fmtEntier(rows.length)} opération${rows.length > 1 ? "s" : ""}`,
|
||||
},
|
||||
{
|
||||
|
||||
Reference in new issue
Block a user