Skip to content

fix(web): uniform size for system grant cards - #111

Merged
wxkingstar merged 1 commit into
mainfrom
claude/system-grants-uniform-cards
Oct 7, 2026
Merged

wxkingstar merged 1 commit into
mainfrom
claude/system-grants-uniform-cards

Conversation

@wxkingstar

Copy link
Copy Markdown
Owner

Summary

  • AI employee detail → "System permissions": every system card now has the same width and height (grid rows stretch to the tallest card, grid-auto-rows: 1fr keeps rows equal).
  • Descriptions are clamped to three lines; the full text shows on hover.
  • The "Allow write" switch for proxied systems moves inside the card as a footer instead of hanging below it.
  • Selected cards get a tinted background in addition to the primary border; works in light and dark themes.

Frontend only, no API or migration changes.

Test plan

  • eslint, vue-tsc --noEmit
  • vitest run tests/Infrastructure.spec.ts (17 passed)
  • Visual check with mocked data in light/dark, wide and narrow widths

🤖 Generated with Claude Code

Cards in the bot "System permissions" panel now share one width and
height: the grid stretches every row to the tallest card, descriptions
are clamped to three lines with the full text on hover, and the
allow-write switch moves inside the card as a footer. Selected cards get
a tinted background in addition to the primary border.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@wxkingstar
wxkingstar merged commit 34c1d79 into main Oct 7, 2026
5 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.

1 participant