X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FWelcome.vue;h=8c8ec4caef92e3e9cea62f8ab991c207d7a27bfa;hb=9a3049f3a48fa4b3627ef26ccdf213a8e550d478;hp=2e2cb82337f6a9c23f3ea398144e262f2cbe4847;hpb=5b852870cf90a96d1a2a16ce158e57ee5dd52681;p=vchess.git

diff --git a/client/src/components/Welcome.vue b/client/src/components/Welcome.vue
index 2e2cb823..8c8ec4ca 100644
--- a/client/src/components/Welcome.vue
+++ b/client/src/components/Welcome.vue
@@ -4,16 +4,23 @@ div
   div(role="dialog")
     .card
       div(v-html="content")
+      p#disableMsg.clickable(@click="closeAndDisable()")
+        | {{ st.tr["Close and show no more"] }}
 </template>
 
 <script>
 import { store } from "@/store.js";
 export default {
   name: "my-welcome",
+  data: function() {
+    return {
+      st: store.state,
+    };
+  },
   computed: {
     content: function() {
       // (AJAX) Request to get welcome content (plain text, HTML)
-      return require("raw-loader!@/translations/welcome/" + store.state.lang + ".pug")
+      return require("raw-loader!@/translations/welcome/" + 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(/"$/, "");
@@ -27,3 +34,20 @@ export default {
   },
 };
 </script>
+
+<style lang="sass">
+[type="checkbox"].modal+div .card
+  max-width: 767px
+  max-height: 100%
+img
+  display: block
+  margin: 0 auto
+  width: 300px
+@media screen and (max-width: 767px)
+  img
+    width: 75%
+p#credits
+  font-size: 0.8rem
+  margin-top: -10px
+  text-align: center
+</style>