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) {
<style lang="sass">
html, *
font-family: "Open Sans", Arial, sans-serif
- --back-color: #f2f2f2
--a-link-color: black
--a-visited-color: black
body
padding: 0
min-width: 320px
+ --fore-color: #1c1e10 //#2c3e50
+ //--back-color: #f2f2f2
+ background-image: radial-gradient(white, #e6e6ff) //lavender)
#app
-webkit-font-smoothing: antialiased
.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)
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>