diff --git a/apps/dashboard/src/components/overview/overview-top-bots.tsx b/apps/dashboard/src/components/overview/overview-top-bots.tsx index 68089e31..c273ebec 100644 --- a/apps/dashboard/src/components/overview/overview-top-bots.tsx +++ b/apps/dashboard/src/components/overview/overview-top-bots.tsx @@ -37,6 +37,7 @@ const OverviewTopBots = ({ projectId }: Props) => { columns={[ { name: 'Path', + width: 'w-full', render(item) { return ( @@ -47,6 +48,7 @@ const OverviewTopBots = ({ projectId }: Props) => { }, { name: 'Date', + width: '100px', render(item) { return (
diff --git a/apps/dashboard/src/components/overview/overview-widget-table.tsx b/apps/dashboard/src/components/overview/overview-widget-table.tsx index 178addc8..694f9398 100644 --- a/apps/dashboard/src/components/overview/overview-widget-table.tsx +++ b/apps/dashboard/src/components/overview/overview-widget-table.tsx @@ -72,7 +72,7 @@ export function OverviewWidgetTableLoading({ { name: 'Path', render: () => , - width: '1fr', + width: 'w-full', }, { name: 'BR', @@ -134,7 +134,7 @@ export function OverviewWidgetTablePages({ columns={[ { name: 'Path', - width: '1fr', + width: 'w-full', render(item) { return ( @@ -233,7 +233,7 @@ export function OverviewWidgetTableBots({ columns={[ { name: 'Path', - width: '1fr', + width: 'w-full', render(item) { return ( @@ -296,7 +296,6 @@ export function OverviewWidgetTableGeneric({ data: RouterOutputs['overview']['topGeneric']; column: { name: string; - width: string; render: ( item: RouterOutputs['overview']['topGeneric'][number], ) => React.ReactNode; @@ -311,7 +310,10 @@ export function OverviewWidgetTableGeneric({ keyExtractor={(item) => item.name} getColumnPercentage={(item) => item.sessions / maxSessions} columns={[ - column, + { + ...column, + width: 'w-full', + }, { name: 'BR', width: '60px', diff --git a/apps/dashboard/src/components/report-chart/funnel/chart.tsx b/apps/dashboard/src/components/report-chart/funnel/chart.tsx index 1e31fee6..2cdb81c8 100644 --- a/apps/dashboard/src/components/report-chart/funnel/chart.tsx +++ b/apps/dashboard/src/components/report-chart/funnel/chart.tsx @@ -212,7 +212,7 @@ export function Tables({ {item.event.displayName}
), - width: '1fr', + width: 'w-full', className: 'text-left font-mono font-semibold', }, { diff --git a/apps/dashboard/src/components/widget-table.tsx b/apps/dashboard/src/components/widget-table.tsx index 673d2212..6fedc2c1 100644 --- a/apps/dashboard/src/components/widget-table.tsx +++ b/apps/dashboard/src/components/widget-table.tsx @@ -95,9 +95,11 @@ export function WidgetTable({ ? 'text-right' : 'text-left', column.className, - column.width === '1fr' && 'w-full min-w-0', + column.width === 'w-full' && 'w-full min-w-0', )} - style={{ width: column.width }} + style={ + column.width !== 'w-full' ? { width: column.width } : {} + } > {column.render(item, index)}