Skip to content

style: raise the drum from the bottom of the chat panel - #20

Merged
mrgoonie merged 2 commits into
mainfrom
feat/19-drum-bottom
Oct 14, 2026
Merged

mrgoonie merged 2 commits into
mainfrom
feat/19-drum-bottom

Conversation

@mrgoonie

Copy link
Copy Markdown
Contributor

Summary

  • The Đông Sơn drum is now drawn on the chat shell: max(150vw, 540px) wide, centered horizontally, and positioned so only its top third rises from the bottom edge behind the composer.
  • The header no longer carries the quarter drum; the composer background is transparent so the drum shows around the input box. The input box itself stays opaque, so text remains readable.
  • The connect screen, empty state and options page keep their existing reliefs.

Test plan

  • pnpm lint, pnpm typecheck, pnpm test (492 passed), pnpm build
  • Visual check at 400×760 with the real theme and side panel CSS, light and dark

Closes #19

🤖 Generated with Claude Code

mrgoonie and others added 2 commits October 14, 2026 09:36
The drum relief is now wider than the panel, centered at the bottom edge with
only its top third showing behind the composer. The header's corner drum is
removed so the panel carries a single ornament.

Refs #19

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
The drum hangs below the shell, so a hidden overflow still let script scroll
the shell and push the composer out of view. Clip instead.

Refs #19

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@mrgoonie
mrgoonie merged commit 4b09bff into main Oct 14, 2026
2 checks passed
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.

Raise the drum relief from the bottom of the chat panel

1 participant