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:

Kit

2026-01-09 10:25:53 +01:00

committed by Peter Steinberger

parent f436808735

commit 480aa406bb

2 changed files with 274 additions and 0 deletions

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

BIN

docs/images/mobile-ui-screenshot.png Normal file

Binary file not shown.

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