mirror of
https://github.com/stablyai/orca.git
synced 2026-10-20 08:03:28 +00:00
Expand sidebar agent row hover targets
This commit is contained in:
@@ -202,7 +202,7 @@ const DashboardAgentRow = React.memo(function DashboardAgentRow({
|
||||
<div
|
||||
onClick={handleActivate}
|
||||
className={cn(
|
||||
'group relative flex flex-col pr-1.5 py-0.5',
|
||||
'group relative flex flex-col -ml-2 px-2 py-1',
|
||||
// Why: hover tints have to go in opposite directions per theme —
|
||||
// dark mode adds light on dark (bg-accent/30), light mode needs to
|
||||
// add *dark* on white. Alpha-on-accent in light mode collapses to
|
||||
|
||||
@@ -130,14 +130,14 @@ const WorktreeCardAgentsBody = React.memo(function WorktreeCardAgentsBody({
|
||||
// Why: swallow bubbling so clicks on the gutter around the agent rows
|
||||
// don't reach WorktreeCard's activate / edit-meta handlers.
|
||||
<div
|
||||
className={cn('flex flex-col mt-1 divide-y divide-border/30', className)}
|
||||
className={cn('flex flex-col mt-1 mb-1 divide-y divide-border/30', className)}
|
||||
onClick={stopBubble}
|
||||
onDoubleClick={stopBubble}
|
||||
role="group"
|
||||
aria-label="Agents"
|
||||
>
|
||||
{agents.map((agent) => (
|
||||
<div key={agent.paneKey} className="py-0.5">
|
||||
<div key={agent.paneKey}>
|
||||
<DashboardAgentRow
|
||||
agent={agent}
|
||||
onDismiss={handleDismissAgent}
|
||||
|
||||
Reference in New Issue
Block a user