9 .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
10 // Menu (top of page):
11 // Left: hall, variants, mygames, problems
12 // Right: usermenu, settings, flag
14 label.drawer-toggle(for="drawerControl")
15 input#drawerControl.drawer(type="checkbox")
17 label.drawer-close(for="drawerControl")
21 router-link(to="/variants")
22 | {{ st.tr["Variants"] }}
23 router-link(to="/mygames")
24 | {{ st.tr["My games"] }}
25 router-link(to="/problems")
26 | {{ st.tr["Problems"] }}
28 .clickable(onClick="doClick('modalUser')")
29 | {{ !st.user.id ? "Login" : "Update" }}
30 .clickable(onClick="doClick('modalSettings')")
31 | {{ st.tr["Settings"] }}
32 .clickable#flagContainer(onClick="doClick('modalLang')")
34 :src="require(`@/assets/images/flags/${st.lang}.svg`)")
37 .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
39 a(href="https://github.com/yagu0/vchess") {{ st.tr["Source code"] }}
40 p.clickable(onClick="doClick('modalContact')")
41 | {{ st.tr["Contact form"] }}
42 //my-game(:game-ref="gameRef" :mode="mode" :settings="settings" @game-over="archiveGame")
43 //// TODO: add only the necessary icons to mini-css custom build
44 //script(src="//unpkg.com/feather-icons")
48 // See https://stackoverflow.com/a/35417159
49 import ContactForm from "@/components/ContactForm.vue";
50 import Language from "@/components/Language.vue";
51 import Settings from "@/components/Settings.vue";
52 import UpsertUser from "@/components/UpsertUser.vue";
53 import { store } from "./store.js";
66 // // TODO: $route: ...
67 // gameRef: function() {
75 font-family: "Avenir", Helvetica, Arial, sans-serif
76 -webkit-font-smoothing: antialiased
77 -moz-osx-font-smoothing: grayscale
80 @media screen and (max-width: 767px)
93 justify-content: center
114 justify-content: flex-start
116 display: inline-block
118 &.router-link-exact-active
125 justify-content: flex-end
127 display: inline-block
135 // TODO: drawer, until 600px wide OK (seemingly)
136 // After, zone where left and right just go on top of another
137 // Then, on narrow screen put everything on one line
138 [type="checkbox"].drawer+*
142 //background-color: #000033
149 justify-content: center
151 display: inline-block
156 text-decoration: none
158 display: inline-block