Remove some titles, improve style. TODO: bug start new corr games

[vchess.git] / client / src / App.vue

diff --git a/client/src/App.vue b/client/src/App.vue
index 592861d..1ead6cb 100644 (file)
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -4,7 +4,6 @@
   Settings
   ContactForm
   UpsertUser
-  Welcome
   .container
     .row
       .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
@@ -14,7 +13,7 @@
         nav
           label.drawer-toggle(for="drawerControl")
           input#drawerControl.drawer(type="checkbox")
-          #menuBar(@click="hideDrawer")
+          #menuBar(@click="hideDrawer($event)")
             label.drawer-close(for="drawerControl")
             #leftMenu
               router-link(to="/")
@@ -46,7 +45,6 @@ import ContactForm from "@/components/ContactForm.vue";
 import Language from "@/components/Language.vue";
 import Settings from "@/components/Settings.vue";
 import UpsertUser from "@/components/UpsertUser.vue";
-import Welcome from "@/components/Welcome.vue";
 import { store } from "./store.js";
 import { processModalClick } from "./utils/modalClick.js";
 export default {
@@ -55,7 +53,6 @@ export default {
     Language,
     Settings,
     UpsertUser,
-    Welcome,
   },
   data: function() {
     return {
@@ -72,8 +69,6 @@ export default {
     dialogs.forEach(d => {
       d.addEventListener("click", processModalClick);
     });
-    if (!localStorage.getItem("welcomed"))
-      setTimeout( () => { doClick("modalWelcome"); }, 2000);
   },
   methods: {
     hideDrawer: function(e) {
@@ -109,9 +104,6 @@ body
 .row > div
   padding: 0
 
-.nopadding
-  padding: 0
-
 header
   width: 100%
   display: flex
@@ -128,24 +120,9 @@ header
 .text-center
   text-align: center
 
-.smallpad
-  padding: 5px
-
-.emphasis
-  font-style: italic
-
 .clearer
   clear: both
 
-.smallfont
-  font-size: 0.8em
-
-.bigfont
-  font-size: 1.2em
-
-.bold
-  font-weight: bold
-
 nav
   width: 100%
   margin: 0
@@ -243,16 +220,4 @@ footer
 @media screen and (max-width: 767px)
   footer
     border: none
-
-//#settings, #contactForm
-//  max-width: 767px
-//  @media screen and (max-width: 767px)
-//    max-width: 100vw
-//[type="checkbox"].modal+div .card
-//  max-width: 767px
-//  max-height: 100vh
-//[type="checkbox"].modal+div .card.small-modal
-//  max-width: 320px
-//[type="checkbox"].modal+div .card.big-modal
-//  max-width: 90vw
 </style>