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
252 return (252 return (
253 <Group aria-label="Git actions">253 <Group aria-label="Git actions">
254 <Button254 <Button
255 variant="ghost"255 variant="outline"
256 size="xs"256 size="xs"
257 className="text-muted-foreground/70 hover:text-foreground/80"
258 disabled={!selectedGitActionItem || selectedGitActionItem.disabled || isGitActionRunning}257 disabled={!selectedGitActionItem || selectedGitActionItem.disabled || isGitActionRunning}
259 onClick={runSelectedAction}258 onClick={runSelectedAction}
260 >259 >
@@ -267,7 +266,7 @@ export default function GitActionsControl({ api, gitCwd }: GitActionsControlProp · 6 unmodified lines
267 }}266 }}
268 >267 >
269 <MenuTrigger268 <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" />}
271 disabled={!gitStatus || isGitActionRunning}270 disabled={!gitStatus || isGitActionRunning}
272 >271 >
273 <ChevronDownIcon aria-hidden="true" className="size-4" />272 <ChevronDownIcon aria-hidden="true" className="size-4" />