Adjust flame height rendering to match UI requirements

Ritika Mishra · Ritika Mishra · commit d6cd355dc4d7 · 2025-04-23T14:03:39.000+05:30
diff --git a/src/components/CandleLit.tsx b/src/components/CandleLit.tsx
@@ -48,7 +48,7 @@ const BrightCandleView: React.FC<BrightCandleViewProps> = ({ fftData = [], betaP
                 <svg
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 200 300"
-                    className={`absolute ${isFullPage ? '-top-[42%] sm:-top-[40%] md:-top-[50%] lg:-top-[43%]' : '-top-[25%] sm:-top-[18%] md:-top-[14%] lg:-top-[9%]'} left-1/2 transform -translate-x-1/2 w-full h-auto z-50 drop-shadow-xl pointer-events-none`}
+                    className={`absolute ${isFullPage ? '-top-[42%] sm:-top-[40%] md:-top-[50%] lg:-top-[40%]' : '-top-[25%] sm:-top-[18%] md:-top-[14%] lg:-top-[7%]'} left-1/2 transform -translate-x-1/2 w-full h-auto z-50 drop-shadow-xl pointer-events-none`}
                     preserveAspectRatio="xMidYMid meet"
                 >
 

Original file line number	Diff line number	Diff line change
`@@ -48,7 +48,7 @@ const BrightCandleView: React.FC<BrightCandleViewProps> = ({ fftData = [], betaP`
`48`	`48`	`<svg`
`49`	`49`	`xmlns="http://www.w3.org/2000/svg"`
`50`	`50`	`viewBox="0 0 200 300"`
`51`		- className={`absolute ${isFullPage ? '-top-[42%] sm:-top-[40%] md:-top-[50%] lg:-top-[43%]' : '-top-[25%] sm:-top-[18%] md:-top-[14%] lg:-top-[9%]'} left-1/2 transform -translate-x-1/2 w-full h-auto z-50 drop-shadow-xl pointer-events-none`}
	`51`	+ className={`absolute ${isFullPage ? '-top-[42%] sm:-top-[40%] md:-top-[50%] lg:-top-[40%]' : '-top-[25%] sm:-top-[18%] md:-top-[14%] lg:-top-[7%]'} left-1/2 transform -translate-x-1/2 w-full h-auto z-50 drop-shadow-xl pointer-events-none`}
`52`	`52`	`preserveAspectRatio="xMidYMid meet"`
`53`	`53`	`>`
`54`	`54`