Skip to content

Commit dd970d1

Browse files
authored
style(frontend): unify action button styles in settings lists (#185)
- Update GitHubIntegration.tsx to match BotList and TeamList button styles - Change button size from 'sm' to 'icon' with 'h-8 w-8' class - Replace 'space-x-2' with 'gap-1' for consistent 4px button spacing - Remove custom padding and text color overrides - Remove icon color classes to inherit from parent - Add 'hover:text-error' to delete button for consistent hover effect - All three lists (Bot, Team, Integration) now share unified button design
1 parent a7beb03 commit dd970d1

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

frontend/src/features/settings/components/GitHubIntegration.tsx

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -140,26 +140,24 @@ export default function GitHubIntegration() {
140140
</div>
141141
</div>
142142
</div>
143-
<div className="flex items-center space-x-2">
143+
<div className="flex items-center gap-1">
144144
<Button
145145
variant="ghost"
146-
size="sm"
146+
size="icon"
147147
onClick={() => handleEdit(info)}
148148
title={t('integrations.edit_token')}
149-
style={{ padding: '4px' }}
150-
className="!text-text-muted hover:!text-text-primary"
149+
className="h-8 w-8"
151150
>
152-
<PencilIcon className="w-4 h-4 text-text-muted" />
151+
<PencilIcon className="w-4 h-4" />
153152
</Button>
154153
<Button
155154
variant="ghost"
156-
size="sm"
155+
size="icon"
157156
onClick={() => handleDelete(info.git_domain)}
158157
title={t('integrations.delete')}
159-
style={{ padding: '4px' }}
160-
className="!text-text-muted hover:!text-text-primary"
158+
className="h-8 w-8 hover:text-error"
161159
>
162-
<TrashIcon className="w-4 h-4 text-text-muted" />
160+
<TrashIcon className="w-4 h-4" />
163161
</Button>
164162
</div>
165163
</div>

0 commit comments

Comments
 (0)