Budget vs Actuals: move grey gradient to the PDF (off the page view)

Apply the grey gradient + vertical borders to the Actual/Budget/Variance/
% of Budget columns in the PDF export (generateBudgetVsActualPdf), and
revert the on-screen table to plain styling.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-19 00:21:55 -04:00
parent 7b9bc2d4c7
commit ed6b926768
2 changed files with 20 additions and 5 deletions
@@ -1972,12 +1972,13 @@ function computeBvaActuals(actualsData: any): Record<string, number> {
// Budget vs. Actuals column shading — a light→dark grey gradient with left
// vertical borders so the Budget / Actual / Variance / Variance % columns are
// easy to tell apart. Applied to the header, group-total and detail cells.
// Page view stays plain; the grey gradient lives on the PDF export only.
const BVA_COL = {
budget: "text-right tabular-nums border-l border-gray-300 bg-gray-50",
actual: "text-right tabular-nums border-l border-gray-300 bg-gray-100",
variance: "text-right tabular-nums border-l border-gray-300 bg-gray-200/70",
pct: "text-right tabular-nums border-l border-gray-300 bg-gray-300/50",
cmp: "text-right tabular-nums border-l border-gray-300",
budget: "text-right tabular-nums",
actual: "text-right tabular-nums",
variance: "text-right tabular-nums",
pct: "text-right tabular-nums",
cmp: "text-right tabular-nums",
};
function BudgetVsActuals({ companyId, from, to, currency, companyName, rangeLabel, logoUrl }: { companyId: string; from: string; to: string; currency: string; companyName: string; rangeLabel: string; logoUrl?: string | null }) {