feat: show active route badge in Postman request builder - #69
Conversation
| text-transform: uppercase; white-space: nowrap; | ||
| } | ||
| .route-tunnel { color: #b7e05a; border-color: rgba(183, 224, 90, 0.45); } | ||
| .route-local { color: var(--muted); } |
There was a problem hiding this comment.
CSS Design System Tokens (index.css):
The generic CSS variables (var(--line), var(--surface-2), var(--muted)) should be mapped to our M3 design tokens (var(--color-outline-variant), var(--color-surface-container-high), var(--color-on-surface-variant)).
There was a problem hiding this comment.
Good call. I mapped the route badge list to the M3 tokens in dba0d2b (--color-surface-container-high, --color-outline-variant, --color-on-surface-variant, and the primary tokens for selection). The desktop build passes. Thank you!
|
Updated the route badge to use M3 design tokens: var(--color-outline-variant), var(--color-surface-container-high), and var(--color-on-surface-variant). |
|
Hi @slegarraga 👋
|
|
Done - I updated the base branch to develop as requested. Thanks! |
b3e56c8 to
ee7e0d6
Compare
|
Great job fixing the target branch 'develop' and cleanup of the M3 design tokens.. Approved & ready to merge! |
3 participants
Adds a compact route badge next to the URL input and Send button so developers can see whether requests go through the Cloudflare edge, another public tunnel, or local loopback.
Cloudflare Edgefor active trycloudflare tunnels,Public Tunnelfor other tunnels, andLocal Loopbackwhen no tunnel is active.Verified with
npm run build --workspace=packages/desktop.Closes #66