X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FBoard.vue;h=1b7fd6bc40cd98982d65730d4cfae6ef5a0b43f1;hb=41c80bb63b85b2696d3925c10784c3d7bb5d2aa3;hp=eb9e6e4cdcc56ec412c6099917fe12fe92ca8c99;hpb=7b3cf1b79954a47000527dd0c3f0fc1cecb5315d;p=vchess.git

diff --git a/client/src/components/Board.vue b/client/src/components/Board.vue
index eb9e6e4c..1b7fd6bc 100644
--- a/client/src/components/Board.vue
+++ b/client/src/components/Board.vue
@@ -260,12 +260,6 @@ export default {
       elementArray
     );
   },
-  mounted: function() {
-    // NOTE (TODO?): could also be dependent on page type (game, analyze, variant)
-    const boardSize = localStorage.getItem("boardSize");
-    if (!!boardSize)
-      document.querySelector(".game").style.width = boardSize + "px";
-  },
   methods: {
     mousedown: function(e) {
       e = e || window.event;
@@ -369,7 +363,7 @@ export default {
 };
 </script>
 
-<style lang="sass">
+<style lang="sass" scoped>
 .game.reserve-div
   margin-bottom: 18px
 
@@ -400,13 +394,10 @@ div.board11
   padding-bottom: 9.1%
 
 .game
-  //width: #{'min(80vw, 500px)'}
-  margin: 0 auto
+  width: 100%
+  margin: 0
   .board
     cursor: pointer
-  @media screen and (max-width: 767px)
-    width: 100%
-    margin: 0
 
 #choices
   margin: 0 auto 0 auto