Skip to content

Commit a6cd70b

Browse files
andresdjassoclaude
andcommitted
style(workflow): peek bars share the card family's 12px radius
The back identity bars sat at rounded-t-lg (8px) against the front cards' rounded-xl (12px) — mismatched radii on same-family stacked surfaces is the classic tell that something's off. Both bars now use rounded-t-xl, so the stack reads as the same card peeking from behind on either side of the flip. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent 8851047 commit a6cd70b

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/docked-chat/workflow-with-chat.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -350,7 +350,7 @@ export function WorkflowWithChat() {
350350
type='button'
351351
aria-label='Show resources'
352352
onClick={() => setStageFront('card')}
353-
className='absolute inset-x-4 top-2 z-0 flex h-[38px] items-start rounded-t-lg border border-[var(--border-1)] bg-[var(--bg)] px-3 transition-colors hover-hover:bg-[var(--surface-active)]'
353+
className='absolute inset-x-4 top-2 z-0 flex h-[38px] items-start rounded-t-xl border border-[var(--border-1)] bg-[var(--bg)] px-3 transition-colors hover-hover:bg-[var(--surface-active)]'
354354
>
355355
<span className='flex h-[26px] min-w-0 items-center gap-1.5'>
356356
{getResourceConfig(activeStageTab.type).renderTabIcon(
@@ -400,7 +400,7 @@ export function WorkflowWithChat() {
400400
type='button'
401401
aria-label='Back to workflow'
402402
onClick={() => setStageFront('editor')}
403-
className='absolute inset-x-4 top-2 z-30 flex h-[38px] items-start rounded-t-lg border border-[var(--border-1)] bg-[var(--bg)] px-3 transition-colors hover-hover:bg-[var(--surface-active)]'
403+
className='absolute inset-x-4 top-2 z-30 flex h-[38px] items-start rounded-t-xl border border-[var(--border-1)] bg-[var(--bg)] px-3 transition-colors hover-hover:bg-[var(--surface-active)]'
404404
>
405405
<span className='flex h-[26px] min-w-0 items-center gap-1.5'>
406406
<WorkflowIcon className='size-[12px] flex-shrink-0 text-[var(--text-icon)]' />

0 commit comments

Comments
 (0)