Skip to content

Comments

feat(guid,layout): homepage UX and sidebar tweaks#933

Merged
IceyLiu merged 2 commits intomainfrom
feat/homepage-guid-ui
Feb 22, 2026
Merged

feat(guid,layout): homepage UX and sidebar tweaks#933
IceyLiu merged 2 commits intomainfrom
feat/homepage-guid-ui

Conversation

@ringringlin
Copy link
Collaborator

  • Guid: agent bar (padding, gap, wrap, token --color-guid-agent-bar), add-assistant circle+hover expand, agent select pop animation, placeholder shows current agent name, disable @ mention popup on input
  • Guid: title/bar spacing, layout shift up (-5vh), model/mode/plus buttons subtle style and dark border, assistant tags 1px border
  • Theme: default.css --color-guid-agent-bar (light #eaecf7, dark aou-2)
  • Layout: sidebar remove shadow, add border-right; sider new-conversation hover state (hover:bg-3, transition)

Pull Request

Description

Related Issues

  • Closes #

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation update

Testing

  • Tested on macOS
  • Tested on Windows
  • Tested on Linux
  • My code follows the project's code style guidelines
  • I have performed a self-review of my own code
  • My changes generate no new warnings or errors

Screenshots

Additional Context


Thank you for contributing to AionUi! 🎉

ringringlin and others added 2 commits February 22, 2026 16:09
- Guid: agent bar (padding, gap, wrap, token --color-guid-agent-bar), add-assistant circle+hover expand, agent select pop animation, placeholder shows current agent name, disable @ mention popup on input
- Guid: title/bar spacing, layout shift up (-5vh), model/mode/plus buttons subtle style and dark border, assistant tags 1px border
- Theme: default.css --color-guid-agent-bar (light #eaecf7, dark aou-2)
- Layout: sidebar remove shadow, add border-right; sider new-conversation hover state (hover:bg-3, transition)

Co-authored-by: Cursor <cursoragent@cursor.com>
The -5vh margin-top on .guidLayout causes content clipping on mobile
where the container switches to flex-start + overflow-y: auto.
Reset to 0 in the mobile media query to prevent content from
overflowing into the non-scrollable area.
@piorpua piorpua force-pushed the feat/homepage-guid-ui branch from 12a2ee2 to f0e47ab Compare February 22, 2026 08:09
@IceyLiu IceyLiu merged commit 9e0cfae into main Feb 22, 2026
8 checks passed
@piorpua piorpua deleted the feat/homepage-guid-ui branch February 22, 2026 08:16
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