m/umami
1
0
Fork 0
mirror of https://github.com/kremalicious/umami.git synced 2024-11-24 11:01:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

Funnel report styling.

Browse Source
This commit is contained in:
Mike Cao 2024-04-02 23:53:08 -07:00
parent cfe7089916
commit 3aee54009c
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/(main)/reports/funnel/FunnelChart.module.css
View File

@ -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;
}

2
src/app/(main)/reports/funnel/FunnelChart.tsx
View File

@ -25,7 +25,7 @@ export function FunnelChart({ className }: FunnelChartProps) {
<div className={styles.card}>
<div className={styles.header}>
<span className={styles.label}>
{formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}:
{formatMessage(type === 'url' ? labels.viewedPage : labels.triggeredEvent)}
</span>
<span className={styles.item}>{value}</span>
</div>