aboutsummaryrefslogtreecommitdiff
path: root/components
diff options
context:
space:
mode:
Diffstat (limited to 'components')
-rw-r--r--components/loop.tsx5
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 />