style: borderless pipeline cards on the main surface, like flow steps

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Diego Imbert
2026-09-30 14:25:52 +02:00
co-authored by Claude Opus 5.5
parent 001fb8b5a3
commit 00555e4557
@@ -57,6 +57,13 @@ and the controls hung around the card.
'flex items-center w-full text-left font-normal rounded-md drop-shadow-sm overflow-hidden border transition-colors',
surface === 'primary' ? 'bg-surface' : 'bg-surface-secondary',
'border-gray-400 dark:border-gray-600 hover:border-gray-500 dark:hover:border-gray-500',
// Like a flow step: a card with a background needs no edge, only its shadow,
// until one of the states below draws one.
surface === 'primary' &&
!draft &&
!selected &&
!tone &&
'border-transparent dark:border-transparent hover:border-transparent dark:hover:border-transparent',
draft && 'border-dashed border-gray-400 dark:border-gray-500',
// Like a selected flow step: the fill and the edge colour change, the edge's
// width and dashes stay.