X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FRules.vue;h=2af53b494f6367c818b6039f08a14a60ce728469;hb=32f6285ee325a14286562a53baefc647201df2af;hp=556ea863881ffc95fa5100b6bb8c9060fc10a11c;hpb=a97bdbda4ecf83645d409b717e36828784d1450d;p=vchess.git diff --git a/client/src/views/Rules.vue b/client/src/views/Rules.vue index 556ea863..2af53b49 100644 --- a/client/src/views/Rules.vue +++ b/client/src/views/Rules.vue @@ -78,17 +78,17 @@ export default { if (!this.gameInfo.vname) return ""; //variant not set yet // (AJAX) Request to get rules content (plain text, HTML) return ( - require("raw-loader!@/translations/rules/" + - this.gameInfo.vname + - "/" + - this.st.lang + - ".pug") - // Next two lines fix a weird issue after last update (2019-11) - .replace(/\\n/g, " ") - .replace(/\\"/g, '"') - .replace('module.exports = "', "") - .replace(/"$/, "") - .replace(/(fen:)([^:]*):/g, this.replaceByDiag) + require( + "raw-loader!@/translations/rules/" + + this.gameInfo.vname + "/" + + this.st.lang + ".pug" + ) + // Next two lines fix a weird issue after last update (2019-11) + .replace(/\\n/g, " ") + .replace(/\\"/g, '"') + .replace('module.exports = "', "") + .replace(/"$/, "") + .replace(/(fen:)([^:]*):/g, this.replaceByDiag) ); } }, @@ -114,7 +114,7 @@ export default { re_setVariant: async function(vname) { await import("@/variants/" + vname + ".js") .then((vModule) => { - this.V = window.V = vModule.VariantRules; + this.V = window.V = vModule[vname + "Rules"]; this.gameInfo.vname = vname; }) .catch((err) => { @@ -153,7 +153,8 @@ export default { }, gotoAnalyze: function() { this.$router.push( - "/analyse/" + this.gameInfo.vname + "/?fen=" + V.GenRandInitFen() + "/analyse/" + this.gameInfo.vname + + "/?fen=" + V.GenRandInitFen(this.st.settings.randomness) ); } } @@ -175,12 +176,13 @@ figure.diagram-container display: block .diagram display: block - width: 40% + width: 50% min-width: 240px margin-left: auto margin-right: auto .diag12 float: left + width: 40% margin-left: calc(10% - 20px) margin-right: 40px @media screen and (max-width: 630px) @@ -188,6 +190,7 @@ figure.diagram-container margin: 0 auto 10px auto .diag22 float: left + width: 40% margin-right: calc(10% - 20px) @media screen and (max-width: 630px) float: none