fix: wrap office pipeline keyframes with css helper
This commit is contained in:
@@ -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'};
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user