fix: card-level buttons use ghost/outline instead of solid primary
Repeated per-card action buttons (Start Session, Resume, Save, Insert, Start batch) now use cyan outline style to reduce visual noise. Page-level and modal primary actions remain solid cyan. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -188,7 +188,7 @@ export function StepCard({ step, onPreview, onInsert, onEdit, onDelete, onSave,
|
||||
</button>
|
||||
<button
|
||||
onClick={() => onSave?.(step)}
|
||||
className="flex flex-1 items-center justify-center gap-2 rounded-md bg-primary text-white px-3 py-2 text-sm font-medium hover:brightness-110 transition-colors"
|
||||
className="flex flex-1 items-center justify-center gap-2 rounded-md border border-primary/40 text-primary px-3 py-2 text-sm font-medium hover:bg-primary/10 hover:border-primary/60 transition-colors"
|
||||
>
|
||||
<Bookmark className="h-4 w-4" />
|
||||
Save
|
||||
@@ -207,7 +207,7 @@ export function StepCard({ step, onPreview, onInsert, onEdit, onDelete, onSave,
|
||||
</button>
|
||||
<button
|
||||
onClick={() => onInsert?.(step)}
|
||||
className="flex flex-1 items-center justify-center gap-2 rounded-md bg-primary text-white px-3 py-2 text-sm font-medium hover:brightness-110 transition-colors"
|
||||
className="flex flex-1 items-center justify-center gap-2 rounded-md border border-primary/40 text-primary px-3 py-2 text-sm font-medium hover:bg-primary/10 hover:border-primary/60 transition-colors"
|
||||
>
|
||||
<Plus className="h-4 w-4" />
|
||||
Insert
|
||||
|
||||
Reference in New Issue
Block a user