cat / lofi
clone

a deno framework for local-first web apps that open instantly, work offline and sync when users choose

fix(site): fix the node playground console height so clicks don't shift the buttons

Dami committed c587a06
commit
c587a06f2dd8ef7c333c7d3883d0d0d8fd7d642e
parent
44ea1b35a91a0f89f5b3466935c6a20555b4470c
author
Dami <dami.etoile@gmail.com>
1 file changed, +5 -2
Mwebsite/src/css/node-landing.css7+++++--
M website/src/css/node-landing.css +5 -2
@@ -266,14 +266,17 @@
266266 }267267 }268268 269-/* Lines pin to the bottom and grow upward, like a real terminal. */269+/* Lines pin to the bottom and grow upward, like a real terminal. The height270+ is fixed at the 7-line steady state (padding + 7 × 1.6 × 0.72rem) so271+ appended lines clip off the top instead of shifting the buttons below. */270272 .landing .np-console {271273 font-family: var(--f-mono);272274 font-size: 0.72rem;273275 line-height: 1.6;274276 border-top: 1px solid var(--forest-2);275277 padding-top: 0.7rem;276- min-height: 5.6rem;278+ height: calc(0.7rem + 7 * 1.6 * 0.72rem);279+ overflow: hidden;277280 display: flex;278281 flex-direction: column;279282 justify-content: flex-end;