Settings
ContactForm
UpsertUser
+ Welcome
.container
.row
.col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
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="/")
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 {
Language,
Settings,
UpsertUser,
+ Welcome,
},
data: function() {
return {
dialogs.forEach(d => {
d.addEventListener("click", processModalClick);
});
+ if (!localStorage.getItem("welcomed"))
+ setTimeout( () => { doClick("modalWelcome"); }, 2000);
},
methods: {
hideDrawer: function(e) {
.row > div
padding: 0
-.nopadding
- padding: 0
-
header
width: 100%
display: flex
.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
@media screen and (max-width: 767px)
nav
+ height: 32px
border: none
& > label.drawer-toggle
- font-size: 1.5rem
+ font-size: 1.2rem
//padding: 0 0 0 10px
[type="checkbox"].drawer+*
@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>