mirrors/isoflow
1
0
Fork 0
mirror of https://github.com/markmanx/isoflow.git synced 2025-02-08 04:18:29 +00:00
Code Issues Projects Releases Packages 2 Wiki Activity Actions

fix: fixes issue with grid misalignment

Browse source
This commit is contained in:
Mark Mankarious 2023-10-31 10:20:31 +00:00
parent 1ad851aaca
commit db9f60f569
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Grid/Grid.tsx
View file

@ -20,16 +20,16 @@ export const Grid = () => {
useEffect(() => {
if (!elementRef.current) return;
const projectedTileSize = SizeUtils.multiply(PROJECTED_TILE_SIZE, zoom);
const tileSize = SizeUtils.multiply(PROJECTED_TILE_SIZE, zoom);
const elSize = elementRef.current.getBoundingClientRect();
const backgroundPosition: Size = {
width: elSize.width / 2 + scroll.position.x + projectedTileSize.width / 2,
width: elSize.width / 2 + scroll.position.x + tileSize.width / 2,
height: elSize.height / 2 + scroll.position.y
};
gsap.to(elementRef.current, {
duration: isFirstRender ? 0 : 0.25,
backgroundSize: `${projectedTileSize.width}px`,
backgroundSize: `${tileSize.width}px ${tileSize.height * 2}px`,
backgroundPosition: `${backgroundPosition.width}px ${backgroundPosition.height}px`
});