diff --git a/modules/rflows/components/folk-flow-river.ts b/modules/rflows/components/folk-flow-river.ts index 8b689c5..27b8cec 100644 --- a/modules/rflows/components/folk-flow-river.ts +++ b/modules/rflows/components/folk-flow-river.ts @@ -29,16 +29,16 @@ interface BranchLayout { sourceId: string; targetId: string; percentage: number; // ─── Constants ─────────────────────────────────────────── -const LAYER_HEIGHT = 160; -const WATERFALL_HEIGHT = 120; -const GAP = 40; +const LAYER_HEIGHT = 180; +const WATERFALL_HEIGHT = 140; +const GAP = 50; const MIN_RIVER_WIDTH = 24; const MAX_RIVER_WIDTH = 100; const MIN_WATERFALL_WIDTH = 4; -const SEGMENT_LENGTH = 200; -const POOL_WIDTH = 100; -const POOL_HEIGHT = 60; -const SOURCE_HEIGHT = 40; +const SEGMENT_LENGTH = 220; +const POOL_WIDTH = 110; +const POOL_HEIGHT = 65; +const SOURCE_HEIGHT = 45; const COLORS = { sourceWaterfall: "#10b981", @@ -520,7 +520,7 @@ class FolkFlowRiver extends HTMLElement { this.shadow.innerHTML = `