Address #121 review: keep sign-out reachable, dvh peek, exact height

- Fold the account menu into the editor's mobile strip. Hiding the global header removed the only sign-out on mobile in the editor; the strip now carries it, so the space win stays but sign-out is one tap away. - EditorRail peek cap vh → dvh, matching the dvh-bounded editor column, so it can't overrun the visible viewport and push the mode bar off-screen. - Mobile editor height 4rem → 3rem: with the header hidden, only <main>'s py-6 (3rem) is outside the editor, so 4rem left ~16px dead. Comment corrected. - Trim two comments that duplicated nearby docs. Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]> Claude-Session: https://claude.ai/code/session_01H3zbym8Doka2d7D48maSgZ
2026-07-22 21:31:35 -04:00
parent ace696467b
commit 256fa4f29f
3 changed files with 23 additions and 16 deletions
@@ -62,7 +62,10 @@ export function EditorRail({
        // reachable below. The canvas flexes to fill whatever's left. Desktop: a
        // fixed-width column beside the canvas (the cap doesn't apply there).
        'flex min-h-0 shrink-0 flex-col rounded-t-xl border-t border-border bg-surface shadow-lg',
-        tall ? 'max-h-[78vh]' : 'max-h-[50vh]',
+        // dvh, not vh: the enclosing editor column is dvh-bounded, and on mobile
+        // Safari/Chrome vh is the *largest* viewport, so a vh cap could overrun the
+        // visible area and shove the mode bar off-screen (same #85 reasoning).
+        tall ? 'max-h-[78dvh]' : 'max-h-[50dvh]',
        'md:static md:max-h-none md:w-80 md:rounded-xl md:border md:shadow-sm',
      )}
    >