From 9f5b8d99c34dfea3d1b7321bb1009e5e7e0949e0 Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Sun, 16 May 2021 09:32:02 +0200
Subject: loop keyframe + line in frame

---
 components/loop.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'components')

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 />
-- 
cgit v1.2.3