diff --git a/.gitignore b/.gitignore index fcb577bad..dcf657a08 100644 --- a/.gitignore +++ b/.gitignore @@ -32,6 +32,7 @@ pm2.yml .vscode .tool-versions .claude +.agents tmpclaude* nul diff --git a/src/app/(main)/websites/[websiteId]/(reports)/journeys/Journey.tsx b/src/app/(main)/websites/[websiteId]/(reports)/journeys/Journey.tsx index 20f184d06..2afa08f3b 100644 --- a/src/app/(main)/websites/[websiteId]/(reports)/journeys/Journey.tsx +++ b/src/app/(main)/websites/[websiteId]/(reports)/journeys/Journey.tsx @@ -236,7 +236,7 @@ export function Journey({ websiteId, steps, startStep, endStep, view }: JourneyP
{formatLongNumber(nodeCount)}
- + {`${dropped}% ${formatMessage(labels.dropoff)}`} diff --git a/src/components/common/Panel.tsx b/src/components/common/Panel.tsx index 508ba65f4..0eba55677 100644 --- a/src/components/common/Panel.tsx +++ b/src/components/common/Panel.tsx @@ -5,7 +5,6 @@ import { Heading, Icon, Row, - Text, Tooltip, TooltipTrigger, } from '@umami/react-zen'; @@ -20,15 +19,23 @@ export interface PanelProps extends ColumnProps { const fullscreenStyles = { position: 'fixed', - width: '100%', - height: '100%', + width: '100vw', + height: '100vh', top: 0, left: 0, border: 'none', zIndex: 9999, } as any; -export function Panel({ title, allowFullscreen, style, children, ...props }: PanelProps) { +export function Panel({ + title, + allowFullscreen, + style, + children, + height, + width, + ...props +}: PanelProps) { const { formatMessage, labels } = useMessages(); const [isFullscreen, setIsFullscreen] = useState(false); @@ -46,7 +53,7 @@ export function Panel({ title, allowFullscreen, style, children, ...props }: Pan position="relative" gap {...props} - style={{ ...style, ...(isFullscreen ? fullscreenStyles : {}) }} + style={{ ...style, ...(isFullscreen ? fullscreenStyles : { height, width }) }} > {title && {title}} {allowFullscreen && (