Add header background

bcgov · Jul 22, 2024 · ad8aa5d · ad8aa5d
1 parent c06a910
commit ad8aa5d
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/web/src/features/fba/components/viz/FuelSummary.tsx b/web/src/features/fba/components/viz/FuelSummary.tsx
@@ -27,6 +27,7 @@ interface FuelSummaryProps {
 const columns: GridColDef[] = [
   {
     field: 'code',
+    headerClassName: 'fuel-summary-header',
     headerName: 'Fuel Type',
     sortable: false,
     width: 75,
@@ -39,6 +40,7 @@ const columns: GridColDef[] = [
   {
     field: 'area',
     flex: 3,
+    headerClassName: 'fuel-summary-header',
     headerName: 'Distribution > 4k kW/m',
     minWidth: 200,
     sortable: false,
@@ -119,6 +121,9 @@ const FuelSummary = ({ fuelTypeInfo, selectedFireZoneUnit }: FuelSummaryProps) =
             overflow: 'hidden',
             '& .MuiDataGrid-columnHeaderTitle': {
               fontWeight: 'bold'
+            },
+            '& .fuel-summary-header': {
+              background: '#F1F1F1'
             }
           }}
         ></DataGridPro>