Skip to content

feat: restyle LIVE button and banner with consistent sizing#39

Closed
Clav3rbot wants to merge 1 commit intoadn8naiagent:devfrom
Clav3rbot:feat/live-button-banner-restyle
Closed

feat: restyle LIVE button and banner with consistent sizing#39
Clav3rbot wants to merge 1 commit intoadn8naiagent:devfrom
Clav3rbot:feat/live-button-banner-restyle

Conversation

@Clav3rbot
Copy link
Copy Markdown
Contributor

What

Restyled the LIVE button and banner in SessionPicker.tsx for consistent sizing and improved visual appearance.

Why

The LIVE button and associated banner had inconsistent sizing across different screen widths, making the UI feel unpolished.

How

  • Unified button and banner dimensions for consistent sizing across viewports.
  • Improved visual styling for better readability and alignment with the overall design language.

- LIVE session button: same dimensions as other buttons (px-3 py-1.5),
  local time displayed above in red, animated ping indicator instead of
  static pulse dot, perfectly aligned with other session buttons.
- LIVE banner: uses theme color border-f1-red/50 for consistency with
  card styling, animated ping indicator on the LIVE badge.
@adn8naiagent
Copy link
Copy Markdown
Owner

With the restyle of the homepage, this was going to conflict, but added the these two improvements. Looks much better.

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