X-Git-Url: https://git.auder.net/doc/screen_ranking.png?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=1ead6cb572084caf47c1d7a8b2af520def096e41;hb=8b152adaed809e759bb2507ade9d2273783c4a39;hp=f4f0cf7c6ae5aabb59c15545b1a31d4cd8712488;hpb=9ddaf8da8743c50b9019888a82d84392913c60c9;p=vchess.git diff --git a/client/src/App.vue b/client/src/App.vue index f4f0cf7c..1ead6cb5 100644 --- 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