feat(ui): improve mobile responsiveness

Browse Source

- Add @media (max-width: 600px) breakpoint for mobile-specific styles
- Compact header: smaller title, hidden subtitle, minimal status pill
- Horizontal scrollable nav: all items in one row, swipeable
- Hide redundant page titles on mobile
- Hide docs button on mobile (saves space)
- Smaller theme toggle icons
- Tighter spacing on cards, stats, forms
- Better chat layout: full-width session selector, compact compose
- Single-column log entries on small screens

Desktop layout remains unchanged.

Co-authored-by: Carl Ulsoe <34673973+carlulsoe@users.noreply.github.com>

...

This commit is contained in:

KitandCarl Ulsoe authored and Peter Steinberger committed 2026-01-09 16:32:55 +01:00

1 parent f436808735

commit 480aa406bb

2 files changed

+274

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/images/mobile-ui-screenshot.png

BIN

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 105 KiB