X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=1ead6cb572084caf47c1d7a8b2af520def096e41;hb=a154d45ebb7e409cd714d0c517e79c8147bdea69;hp=2771e282c1cfa86f14f6293d61068f6eab8ac03c;hpb=bc093771b892cfeda9c6f7a97fcedf6206395746;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index 2771e282..1ead6cb5 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="/")
@@ -104,9 +104,6 @@ body
 .row > div
   padding: 0
 
-.nopadding
-  padding: 0
-
 header
   width: 100%
   display: flex
@@ -123,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
@@ -194,7 +176,11 @@ nav
 
 @media screen and (max-width: 767px)
   nav
+    height: 32px
     border: none
+    & > label.drawer-toggle
+      font-size: 1.2rem
+      //padding: 0 0 0 10px
 
 [type="checkbox"].drawer+*
   right: -767px
@@ -234,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
 </style>