+2

src/lib/PlantOverlay.svelte

reviewed

··· 14 14 pointer-events: none; 15 15 overflow: hidden; 16 16 mix-blend-mode: multiply; 17 17 + will-change: transform; 18 18 + transform: translateZ(0); 17 19 } 18 20 19 21 .leaves {

+3 -2

src/lib/WavyBorder.svelte

reviewed

··· 33 33 function generateWavyShape(s: string): { pts: [number, number][]; svgPath: string } { 34 34 const margin = 1; // % inset from the element edges 35 35 const amp = 2.5; // % max wobble amplitude 36 36 - const segs = 16; // control points per edge 36 36 + const segs = 10; // control points per edge 37 37 38 38 // Edges 0=top, 1=right, 2=bottom, 3=left 39 39 // Vertical edges (1,3) get lower frequency since they're often shorter in wide boxes ··· 95 95 // Sample many points along the spline for the CSS polygon 96 96 const sampledPts: [number, number][] = []; 97 97 const totalPts = points.length; 98 98 - const samplesPerSegment = 10; 98 98 + const samplesPerSegment = 4; 99 99 for (let i = 0; i < totalPts; i++) { 100 100 const p0 = points[(i - 1 + totalPts) % totalPts]; 101 101 const p1 = points[i]; ··· 147 147 .wavy-container { 148 148 position: relative; 149 149 isolation: isolate; 150 150 + contain: layout style; 150 151 } 151 152 152 153 .wavy-clipped {

static/leaves.png

reviewed

This is a binary file and will not be displayed.