diff --git a/src/app/(main)/reports/funnel/FunnelChart.module.css b/src/app/(main)/reports/funnel/FunnelChart.module.css index be2a9cdc..45d0ea61 100644 --- a/src/app/(main)/reports/funnel/FunnelChart.module.css +++ b/src/app/(main)/reports/funnel/FunnelChart.module.css @@ -37,12 +37,12 @@ .card { display: grid; gap: 20px; + margin-top: 8px; } .header { display: flex; - align-items: center; - font-weight: 700; + flex-direction: column; gap: 20px; } @@ -58,7 +58,9 @@ } .label { - color: var(--base700); + color: var(--base600); + font-weight: 700; + text-transform: uppercase; } .track { @@ -71,9 +73,9 @@ } .item { - padding: 6px 10px; - border-radius: 4px; - border: 1px solid var(--base300); + font-size: 24px; + color: var(--base900); + font-weight: 700; } .metric { @@ -88,6 +90,7 @@ .visitors { color: var(--base900); + font-size: 32px; font-weight: 900; margin-right: 10px; } diff --git a/src/app/(main)/reports/funnel/FunnelChart.tsx b/src/app/(main)/reports/funnel/FunnelChart.tsx index 70076354..0da71d6f 100644 --- a/src/app/(main)/reports/funnel/FunnelChart.tsx +++ b/src/app/(main)/reports/funnel/FunnelChart.tsx @@ -25,7 +25,7 @@ export function FunnelChart({ className }: FunnelChartProps) {
- {formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}: + {formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)} {value}