Skip to content

Use the whole screen and size the /talk orb to it - #66

Merged
github-actions[bot] merged 1 commit into
devfrom
claude/project-thread-1a8zf3
Nov 13, 2026
Merged

github-actions[bot] merged 1 commit into
devfrom
claude/project-thread-1a8zf3

Conversation

@dwongbound

Copy link
Copy Markdown
Owner

Dylan asked Jarvis for these two page changes, but Jarvis's self-change runner only edits Jarvis's own code, so they're done here instead.

  • No empty bands on big screens. .shell no longer stops at 1440 px. The dashboard now spans the full width on a TV, in kiosk mode, and on a wide desktop.
  • The /talk orb follows the screen. Its size is clamp(40px, 12vmin, 160px): about 47 px on an iPhone (it was 52), so more words fit, about 100 px on an iPad and about 130 px on a 1080p TV. Its margins scale with it, so "Jarvis" stays clear above the orbits.
  • JarvisOrb size now takes px or any CSS length.
  • e2e: a full-width check at 1920 px, and a /talk check of the orb size and the title's clearance, on desktop, phone and iPad. All 114 e2e tests and 191 unit tests pass.

Generated by Claude Code

- src/styles.css: .shell drops its 1440 px cap, so big screens and kiosk have no empty side bands; /talk orb margins scale with the orb
- src/components/JarvisOrb.tsx: size takes px or any CSS length
- src/components/JarvisPanel.tsx: /talk orb is clamp(40px, 12vmin, 160px)
- tests/e2e/dashboard.spec.ts: full-width check at 1920 px; /talk orb size and title clearance
- CLAUDE.md: notes on both

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017EHSMW5HJEyPyMNSU6NRSL
@github-actions
github-actions Bot merged commit 9d9f711 into dev Nov 13, 2026
3 checks passed
@github-actions
github-actions Bot deleted the claude/project-thread-1a8zf3 branch November 13, 2026 07:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants