pull/333/head
Mikael Finstad 6 years ago
parent 78afdc46ad
commit 53dfb15604

@ -40,7 +40,7 @@ const Canvas = memo(({ rotate, filePath, width, height, playerTime, streamIndex,
else canvasPlayer.pause(debouncedPlayerTime); else canvasPlayer.pause(debouncedPlayerTime);
}, [canvasPlayer, debouncedCommandedTime, debouncedPlayerTime, playing]); }, [canvasPlayer, debouncedCommandedTime, debouncedPlayerTime, playing]);
const canvasStyle = useMemo(() => ({ display: 'block', width: '100%', height: '100%', objectFit: 'contain', transform: `rotate(${rotate}deg)` }), [rotate]); const canvasStyle = useMemo(() => ({ display: 'block', width: '100%', height: '100%', objectFit: 'contain', transform: rotate ? `rotate(${rotate}deg)` : undefined }), [rotate]);
return ( return (
<div style={{ width: '100%', height: '100%', left: 0, right: 0, top: 0, bottom: 0, position: 'absolute', overflow: 'hidden', background: 'black' }}> <div style={{ width: '100%', height: '100%', left: 0, right: 0, top: 0, bottom: 0, position: 'absolute', overflow: 'hidden', background: 'black' }}>

Loading…
Cancel
Save