History

Use outline styling for Git action buttons

- Change primary Git action button from ghost to outline - Update Git action options trigger button to outline for consistent affordance

Julius Marminge committed 9 months ago

Commit 02ca9321 parent d3c93751 file · +2 −3Browse files

Unified · Split

apps/web/src/components/GitActionsControl.tsx+2−3
@@ -252,9 +252,8 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp · 251 unmodified lines
252252 return (
253253 <Group aria-label="Git actions">
254254 <Button
255− variant="ghost"
255+ variant="outline"
256256 size="xs"
257− className="text-muted-foreground/70 hover:text-foreground/80"
258257 disabled={!selectedGitActionItem || selectedGitActionItem.disabled || isGitActionRunning}
259258 onClick={runSelectedAction}
260259 >
@@ -267,7 +266,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp · 6 unmodified lines
267266 }}
268267 >
269268 <MenuTrigger
270− render={<Button aria-label="Git action options" size="icon-xs" variant="ghost" />}
269+ render={<Button aria-label="Git action options" size="icon-xs" variant="outline" />}
271270 disabled={!gitStatus || isGitActionRunning}
272271 >
273272 <ChevronDownIcon aria-hidden="true" className="size-4" />