From 1ade35210767854624e32f2d635662645e08e31c Mon Sep 17 00:00:00 2001
From: lonkaars <loek@pipeframe.xyz>
Date: Mon, 14 Jun 2021 09:05:38 +0200
Subject: zoom selection with timeline :tada:

---
 components/selection.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'components')

diff --git a/components/selection.tsx b/components/selection.tsx
index ad86f9f..a039f79 100644
--- a/components/selection.tsx
+++ b/components/selection.tsx
@@ -65,6 +65,7 @@ function Corner(props: {
 export default function Selection(props: {
 	width: number;
 	height: number;
+	frameWidth: number;
 	left?: slideTypes;
 	right?: slideTypes;
 	className?: string;
@@ -73,7 +74,7 @@ export default function Selection(props: {
 	return <div
 		className={'selection ' + props.className}
 		style={{
-			width: props.width,
+			width: `calc(var(--zoom) * ${props.frameWidth} * 1px + 12px)`,
 			height: props.height,
 			'--corner-size': small ? '6px' : '12px',
 		} as CSSProperties}
-- 
cgit v1.2.3