diff --git a/client/assets/styles/game.less b/client/assets/styles/game.less index 342350b6..58996b52 100644 --- a/client/assets/styles/game.less +++ b/client/assets/styles/game.less @@ -4,7 +4,7 @@ .game { overflow: hidden; display: grid; - grid-template-rows: 1fr 0.5fr 1.5fr; + grid-template-rows: 1fr 0.75fr 1.5fr; grid-template-columns: 1fr; grid-template-areas: "opponent" diff --git a/client/src/components/anims/source.cast.jsx b/client/src/components/anims/source.cast.jsx index 74a17184..25237776 100644 --- a/client/src/components/anims/source.cast.jsx +++ b/client/src/components/anims/source.cast.jsx @@ -6,8 +6,8 @@ function sourceCast(id, direction, idle) { const { x, y } = direction; return anime({ targets: [document.getElementById(id)], - translateX: x * window.screen.width * 0.15, - translateY: y * window.screen.height * 0.15, + translateX: x * window.screen.width * 0.1, + translateY: y * window.screen.height * 0.1, easing: 'easeInOutElastic', direction: 'alternate', duration: TIMES.SOURCE_DURATION_MS,