manus-admin/itinova-budget-si
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Checkpoint: Remplacement des classes Tailwind bg-muted/40 et bg-card par des valeurs hsl CSS explicites en style inline sur toutes les cellules sticky right-0 (th en-tête, td corps, td pied). Largeur fixe 120px pour cohérence. Ombre portée gauche renforcée pour matérialiser la séparation.

Browse Source
This commit is contained in:
Manus
2026-06-10 09:09:34 +00:00
parent 9e8830e929
commit 6f118e41f7
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/pages/DsiOpex.tsx
View File

@@ -1277,7 +1277,7 @@ export default function DsiOpex() {
</th>
);
})}
<th className="text-right px-3 py-3 font-medium text-muted-foreground min-w-[110px] sticky right-0 bg-muted/40 z-10">
<th className="text-right px-3 py-3 font-medium text-muted-foreground sticky right-0 z-20" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-2px 0 6px -2px rgba(0,0,0,0.2)', width: '120px', minWidth: '120px' }}>
<SortBtn col="total" label={`Total ${annee}`} />
</th>
</tr>
@@ -1341,7 +1341,7 @@ export default function DsiOpex() {
</td>
);
})}
<td className="px-3 py-2 text-right font-semibold tabular-nums sticky right-0 z-10 border-l border-border" style={{ background: idx % 2 === 0 ? 'hsl(var(--card))' : 'hsl(var(--muted) / 0.05)', boxShadow: '-2px 0 4px -2px rgba(0,0,0,0.15)' }}>
<td className="px-3 py-2 text-right font-semibold tabular-nums sticky right-0 z-10" style={{ background: idx % 2 === 0 ? 'hsl(var(--card))' : 'hsl(var(--muted) / 0.08)', boxShadow: '-3px 0 8px -2px rgba(0,0,0,0.18)', width: '120px', minWidth: '120px' }}>
<span className={etab.total > 0 ? 'text-orange-600' : 'text-muted-foreground'}>
{etab.total > 0 ? formatEuros(etab.total) : '—'}
</span>
@@ -1371,7 +1371,7 @@ export default function DsiOpex() {
</td>
);
})}
<td className="px-3 py-3 text-right font-bold text-orange-600 text-sm tabular-nums sticky right-0 z-10 border-l border-border" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-2px 0 4px -2px rgba(0,0,0,0.15)' }}>
<td className="px-3 py-3 text-right font-bold text-orange-600 text-sm tabular-nums sticky right-0 z-10" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-3px 0 8px -2px rgba(0,0,0,0.18)', width: '120px', minWidth: '120px' }}>
{formatEuros(sortedEtabs.reduce((s, e) => s + e.total, 0))}
</td>
</tr>