Skip to content

feat: visual differentiation for action buttons in docks#245

Merged
antfu merged 1 commit intomainfrom
antfu/dock-action-style
Mar 23, 2026
Merged

feat: visual differentiation for action buttons in docks#245
antfu merged 1 commit intomainfrom
antfu/dock-action-style

Conversation

@antfu
Copy link
Member

@antfu antfu commented Mar 23, 2026

Description

Add visual distinction between action dock entries and normal view entries. Action buttons now appear as circular elements with a subtle background, while normal view entries remain rounded rectangles with no background fill. This makes it immediately clear to users which dock entries execute one-shot actions versus opening panels.

Additionally, action entries are now labeled with an "Action" badge in the dock settings panel for clarity.

Linked Issues

Additional context

  • Action entries: rounded-full with bg-[#8881] background
  • Normal entries: rounded-xl borderless
  • Settings UI: "Action" badge label on action entries for discoverability

Add visual distinction between action dock entries and normal view entries. Action buttons now appear circular with a subtle background, while normal entries remain rounded rectangles. Also display an "Action" label in the dock settings view for clarity.

- Add `isAction` prop to DockEntry component
- Apply `rounded-full` and background styling to action entries
- Display "Action" badge label in ViewBuiltinSettings
@antfu antfu merged commit 3293fe3 into main Mar 23, 2026
7 checks passed
@antfu antfu deleted the antfu/dock-action-style branch March 23, 2026 10:35
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