fix(nav): let the More sheet scroll on a phone held sideways

Held sideways a phone keeps the bottom bar, and the sheet's 90 dvh cap
is about 350 px there, while the hub needs 410 to 540 px. The grid did
not shrink or scroll, so the last rows (documents, timeline, coach,
achievements) sat below the screen edge. It scrolls inside the sheet
now and stops at its end instead of pulling the page.
This commit is contained in:
Marc-André Bombeck committed 2026-11-11 21:48:17 +01:00
1 parent 177e85f9c3
commit e99180fc7d
2 files changed
+12 -2

No files matched your search

+2 -2
View File
@@ -287,8 +287,8 @@ export function BottomNav() {
little more width on a 320 px phone; the long single-word labels
(de "Benachrichtigungen") then have room to break onto a clean
second line instead of clipping the last character at the tile
edge. */}
<div className="grid grid-cols-2 gap-2 px-3 pt-4 pb-4">
edge. It scrolls: a phone held sideways is shorter than the hub. */}
<div className="grid min-h-0 grid-cols-2 gap-2 overflow-y-auto overscroll-contain px-3 pt-4 pb-4">
{moreHub.map((item) => {
const isActive = isActiveLink(item.href);
return (