fix: mobile nav spacing + safe area, PDF viewer mobile layout

- Mobile nav: tighter spacing, safe-area-inset-bottom padding
- Nav items closer together so bottom section stays visible
- Nav sheet scrollable if content overflows
- PDF viewer mobile: 55vh for PDF, rest for sidebar (scrollable)
- Full screen on mobile (no border-radius, no padding)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Yusuf Suleman
2026-04-02 00:27:16 -05:00
parent 5098545580
commit af1765bd8e
3 changed files with 20 additions and 9 deletions

View File

@@ -1385,8 +1385,8 @@
.brain-layout { margin: 0; }
.masonry { columns: 1; }
.detail-sheet { width: 100%; padding: 20px; }
.viewer-overlay { padding: 12px; }
.viewer-layout { grid-template-columns: 1fr; grid-template-rows: 1fr auto; width: 100%; height: 90vh; border-radius: 18px; }
.viewer-sidebar { max-height: 40vh; border-left: none; border-top: 1px solid rgba(35,26,17,0.08); }
.viewer-overlay { padding: 0; }
.viewer-layout { grid-template-columns: 1fr; grid-template-rows: 55vh 1fr; width: 100%; height: 100vh; border-radius: 0; max-width: 100%; }
.viewer-sidebar { max-height: none; border-left: none; border-top: 1px solid rgba(35,26,17,0.08); overflow-y: auto; }
}
</style>