search

robocin / WebSoccerMonitor

Web tool for visualising matches from RoboCup Soccer Leagues.
https://working-web-soccer-monitor.vercel.app/
GNU General Public License v3.0
11 stars 0 forks source link

Monitor component is not responsive. #6

Closed mateusfbsoares closed 3 years ago

mateusfbsoares commented 3 years ago

How can we make this component responsive since we have to pass specific width and height in the code?

mateusfbsoares commented 3 years ago

I made it responsive by giving React Konva knowledge about the size of the outer parent div, and make it resize the canvas screen as such. Hence, it is not necessary anymore to pass specific width and height in the code, the component resizes itself according to CSS rules.