seb/hermes-agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(desktop): polish composer pill toward reference look

Browse Source 
Solid foreground-on-background send/voice-conversation circle (black-on-white
in light, white-on-black in dark) anchors the right edge as the primary CTA
instead of the orange theme primary. Bumps the primary control to 2.125rem so
it visually outranks the ghost mic/plus controls. Opens up the surface padding
(0.625rem x / 0.5rem y) so the input row breathes around its controls, and
nudges the corner radius from 20 to 24px for a slightly pill-ier silhouette.
LiquidGlass distortion is preserved.
This commit is contained in:
Brooklyn Nicholson
2026-05-06 18:41:37 -05:00
parent 81d4316b4a
commit 07e0bb8aae
5 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/desktop/src/styles.css
+7 -2
View File
@@ -125,10 +125,15 @@
--composer-target-width: 68%;
--composer-max-width: 56rem;
--composer-control-size: 2rem;
/* Send / voice-conversation circle is one notch larger than the ghost
* controls so the primary CTA visually anchors the right edge. */
--composer-control-primary-size: 2.125rem;
--composer-control-gap: 0.375rem;
--composer-row-gap: 0.375rem;
--composer-surface-pad-x: 0.5rem;
--composer-surface-pad-y: 0.375rem;
/* Reference-clean padding: enough breathing room around the input row
* that the pill no longer feels cramped against its controls. */
--composer-surface-pad-x: 0.625rem;
--composer-surface-pad-y: 0.5rem;
--composer-input-min-height: 2rem;
--composer-input-max-height: 9.375rem;
--composer-input-inline-min-width: 8rem;