X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FSettings.vue;h=1cfbdc8f7d9134ca05b7c85607651618692948e4;hb=dac395887d96e2d642b209c6db6aaacc3ffacb34;hp=6034ab45424e15fcd57fb4097d8242ad419b58bc;hpb=dcd68c4108412f45b8ce119ae80ce8f6e296800b;p=vchess.git diff --git a/client/src/components/Settings.vue b/client/src/components/Settings.vue index 6034ab45..1cfbdc8f 100644 --- a/client/src/components/Settings.vue +++ b/client/src/components/Settings.vue @@ -67,7 +67,7 @@ export default { } }); }, - methods: { + methods: { updateSettings: function(event) { const propName = event.target.id.substr(3).replace(/^\w/, c => c.toLowerCase()) @@ -81,7 +81,7 @@ export default { return; //no board on page const k = document.getElementById("myRange").value; const movesWidth = (window.innerWidth >= 768 ? 280 : 0); - const minBoardWidth = 240; //TODO: same + const minBoardWidth = 240; //TODO: these 240 and 280 are arbitrary... // Value of 0 is board min size; 100 is window.width [- movesWidth] const boardSize = minBoardWidth + k * (window.innerWidth - (movesWidth+minBoardWidth)) / 100; @@ -90,6 +90,6 @@ export default { document.getElementById("gameContainer").style.width = (boardSize + movesWidth) + "px"; }, - }, + }, };