fix: increase column padding for bar chart breathing room
This commit is contained in:
@@ -172,7 +172,7 @@ function PageRow({
|
|||||||
data-path={page.path}
|
data-path={page.path}
|
||||||
className={`
|
className={`
|
||||||
group flex items-center justify-between w-full relative
|
group flex items-center justify-between w-full relative
|
||||||
h-9 px-2 -mx-2 rounded-lg text-left transition-colors
|
h-9 px-3 rounded-lg text-left transition-colors
|
||||||
${isOther ? 'cursor-default' : 'cursor-pointer'}
|
${isOther ? 'cursor-default' : 'cursor-pointer'}
|
||||||
${isSelected
|
${isSelected
|
||||||
? 'bg-brand-orange/10 dark:bg-brand-orange/10'
|
? 'bg-brand-orange/10 dark:bg-brand-orange/10'
|
||||||
@@ -250,7 +250,7 @@ function JourneyColumn({
|
|||||||
const maxCount = Math.max(...column.pages.map((p) => p.sessionCount), 0)
|
const maxCount = Math.max(...column.pages.map((p) => p.sessionCount), 0)
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="w-56 shrink-0 px-2">
|
<div className="w-56 shrink-0 px-3">
|
||||||
<ColumnHeader column={column} />
|
<ColumnHeader column={column} />
|
||||||
<div className="space-y-0.5 max-h-[500px] overflow-y-auto">
|
<div className="space-y-0.5 max-h-[500px] overflow-y-auto">
|
||||||
{column.pages.map((page) => {
|
{column.pages.map((page) => {
|
||||||
@@ -274,7 +274,7 @@ 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-2 -mx-2 rounded-lg bg-red-500/8 dark:bg-red-500/8"
|
className="flex items-center justify-between h-9 px-3 rounded-lg bg-red-500/8 dark:bg-red-500/8"
|
||||||
>
|
>
|
||||||
<span className="text-sm text-red-500 dark:text-red-400">
|
<span className="text-sm text-red-500 dark:text-red-400">
|
||||||
(exit)
|
(exit)
|
||||||
|
|||||||
Reference in New Issue
Block a user