fix: wrap office pipeline keyframes with css helper

This commit is contained in:
2026-04-07 05:09:05 +00:00
parent 1ccc1e6830
commit bb36380c92

View File

@@ -1,7 +1,7 @@
'use client';
import React from 'react';
import styled, { keyframes } from 'styled-components';
import styled, { css, keyframes } from 'styled-components';
import type { PipelineNode } from '@/components/dashboard/ActivePipeline';
// ─── Types ───────────────────────────────────────────────────────────────────
@@ -177,7 +177,7 @@ const Connector = styled.div<{ $active: boolean }>`
width: 100%;
height: 5px;
background: ${({ $active }) => $active ? 'rgba(245,245,245,0.8)' : 'transparent'};
animation: ${({ $active }) => $active ? `${flowAnim} 1.6s linear infinite` : 'none'};
animation: ${({ $active }) => $active ? css`${flowAnim} 1.6s linear infinite` : 'none'};
}
`;