Files
slot/next-app/apps/web
chpark 54bcc97a68 PHP-style cascade mega-menu: separator-leaves become hover-expand groups
Was: tried to flatten 포인트게임 sub-menu into 4 columns side-by-side,
which collapsed into a narrow strip on smaller widths and overlapped text.

Now (PHP gnuboard parity, matching the screenshot user provided):
- buildHierarchy() walks the flat menu list and converts every separator
  leaf (label like "─ X ─" / "── X ──" with href='#') into a synthetic
  group, attaching the following sibling leaves as its children
- Items with native children stay as-is
- MegaPanel renders a single-column list; group rows show a ChevronDown▸
  marker and on hover open a *separate* second panel positioned
  absolute left-full (right-side cascade), exactly like the PHP screenshot
- Each level uses inline color:#1f2937 with onMouseOver/Out fallback so
  the hover gradient (violet→fuchsia) flips text white reliably

Verify: 10 iter × 102 = 1020/1020 PASS. /free /review anon 200 (lvl=1
parity). Sub-panel hover spawns "크로스배팅 / 스페셜배팅" markers visible.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-30 14:50:53 +09:00
..