next.js
0deb53b6 - fix(dev-overlay): increase fix card grid row gap to clear floating Copy prompt button (#95526)

Commit
1 day ago
fix(dev-overlay): increase fix card grid row gap to clear floating Copy prompt button (#95526) ### What? Gives the instant guidance panel's fix card grid a larger row gap than column gap, derived from the Copy prompt button's overhang: `--copy-prompt-offset: 10px`, row gap `calc(12px + var(--copy-prompt-offset))`, column gap unchanged at 12px. The button's `top: -10px` now reads from the same variable. ### Why? Each fix card's **Copy prompt** button floats above the card's top border by `--copy-prompt-offset`. When an insight has enough cards to wrap to a second row, the floating buttons of the second row ate 10 of the uniform 12px gap, leaving them ~2px from the cards above. ### How? The row gap is the column gap plus the button overhang, so the two can't drift apart. The docs mirror of this grid (`FixCardGrid` on nextjs.org) already uses a larger row gap for the same reason. <!-- NEXT_JS_LLM_PR -->
Author
Parents
Loading