internal
/
ManiCandles
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix #3

Merged
hardik merged 1 commits from new into main 2026-05-29 12:10:40 +05:30
Conversation 0 Commits 1 Files Changed 1 +5 -5
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ScrollCandle.tsx
View File

@ -4,7 +4,7 @@ import "./ScrollCandle.css";
// Space taken by flame + wick + base + label + bottom offset + header (ticker 36 + AppBar 76) + safety gap // Space taken by flame + wick + base + label + bottom offset + header (ticker 36 + AppBar 76) + safety gap
const NON_BODY_HEIGHT = 70 + 8 + 10 + 24 + 40 + 112 + 16; const NON_BODY_HEIGHT = 70 + 8 + 10 + 24 + 40 + 112 + 16;
const CANDLE_MIN_HEIGHT = 14; // px — almost fully melted const CANDLE_MIN_HEIGHT = 14; // px — almost fully melted
//
export function ScrollCandle() { export function ScrollCandle() {
const [maxHeight, setMaxHeight] = useState( const [maxHeight, setMaxHeight] = useState(
() => Math.max(200, window.innerHeight - NON_BODY_HEIGHT) () => Math.max(200, window.innerHeight - NON_BODY_HEIGHT)
@ -45,10 +45,10 @@ export function ScrollCandle() {
// Label changes as candle melts // Label changes as candle melts
const label = const label =
scrollPct < 0.15 ? "just lit" : scrollPct < 0.15 ? "just lit" :
scrollPct < 0.45 ? "burning..." : scrollPct < 0.45 ? "burning..." :
scrollPct < 0.75 ? "melting..." : scrollPct < 0.75 ? "melting..." :
scrollPct < 0.92 ? "almost gone" : scrollPct < 0.92 ? "almost gone" :
"★ keep scrolling"; "★ keep scrolling";
return ( return (
<div className="scroll-candle-wrap" aria-hidden="true"> <div className="scroll-candle-wrap" aria-hidden="true">