X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=4cd1124fd760189a26eba000e1726119144d7aa2;hb=83c6c2c96e7d34c79db20827f56b51040ef39392;hp=28e9c547db1a418c35a3b2d20458e40c0c4a9fcf;hpb=57c8c2a6f20abb3355e687a2ae3c8bf617a5eaad;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index 28e9c547..4cd1124f 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -13,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="/")
@@ -84,13 +84,15 @@ export default {
 <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
@@ -104,9 +106,6 @@ body
 .row > div
   padding: 0
 
-.nopadding
-  padding: 0
-
 header
   width: 100%
   display: flex
@@ -123,24 +122,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
@@ -194,9 +178,10 @@ nav
 
 @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+*
@@ -237,16 +222,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>