ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

style: make journey exit row a full red block matching other rows

Browse Source
This commit is contained in:
Usman Baig
2026-03-15 19:53:10 +01:00
parent 25f4cd5eb9
commit 0ea9b31b63
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
components/journeys/ColumnJourney.tsx
View File

@@ -274,12 +274,19 @@ function JourneyColumn({
<div <div
data-col={column.index} data-col={column.index}
data-path="(exit)" data-path="(exit)"
className="flex items-center justify-between h-9 px-3 rounded-lg bg-red-500/8 dark:bg-red-500/8" className="flex items-center justify-between w-full relative h-9 px-3 rounded-lg bg-red-500/15 dark:bg-red-500/15"
> >
<span className="text-sm text-red-500 dark:text-red-400"> <div
className="absolute top-0.5 bottom-0.5 left-0.5 rounded-md"
style={{
width: `calc(100% - 4px)`,
backgroundColor: 'rgba(239, 68, 68, 0.15)',
}}
/>
<span className="relative text-sm text-red-500 dark:text-red-400 font-medium">
(exit) (exit)
</span> </span>
<span className="text-sm tabular-nums font-semibold text-red-500 dark:text-red-400"> <span className="relative text-sm tabular-nums font-semibold text-red-500 dark:text-red-400">
{exitCount.toLocaleString()} {exitCount.toLocaleString()}
</span> </span>
</div> </div>