zoom selection with timeline :tada:

1 files changed, 2 insertions, 1 deletions

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}