diff options
Diffstat (limited to 'components/loop.tsx')
-rw-r--r-- | components/loop.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/components/loop.tsx b/components/loop.tsx index ec45c08..f459ab5 100644 --- a/components/loop.tsx +++ b/components/loop.tsx @@ -1,9 +1,10 @@ +import { CSSProperties } from 'react'; import { SlideKeyframe } from './icons'; export default function Loop(props: { - width: number; + length: number; }) { - return <div style={{ width: props.width }} className='loop'> + return <div style={{ '--loop-length': props.length } as CSSProperties} className='loop'> <SlideKeyframe type='loop' /> <div className='connector dispinbl' /> <SlideKeyframe type='loop' loopEnd /> |