diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-05-16 09:32:02 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-05-16 09:32:02 +0200 |
| commit | 9f5b8d99c34dfea3d1b7321bb1009e5e7e0949e0 (patch) | |
| tree | a65a34df64c347e911b1875b89726762f5bb2c3d /components/loop.tsx | |
| parent | 6c5787b034db7349d096ec1d2406f72b14efb707 (diff) | |
loop keyframe + line in frame
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 /> |