Temporarily disable Facebook + Twitter links (not ready yet)

[vchess.git] / client / src / App.vue

diff --git a/client/src/App.vue b/client/src/App.vue
index 8badb73..d7e8d96 100644 (file)
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -39,12 +39,14 @@
             | {{ st.tr["Contact"] }}
         .right-part
           a.menuitem(href="https://discord.gg/a9ZFKBe")
+            span Discord
             img.first(src="/images/icons/discord.svg")
           a.menuitem(href="https://github.com/yagu0/vchess")
+            span {{ st.tr["Code"] }}
             img(src="/images/icons/github.svg")
-          a.menuitem(href="https://www.facebook.com/Variants-Chess-Club-112565840437886")
+          //a.menuitem(href="https://www.facebook.com/Variants-Chess-Club-112565840437886")
             img(src="/images/icons/facebook.svg")
-          a.menuitem(href="https://twitter.com/VchessC")
+          //a.menuitem(href="https://twitter.com/VchessC")
             img(src="/images/icons/twitter.svg")
 </template>
 
@@ -254,16 +256,16 @@ footer
     & > p
       display: inline-block
       margin: 0 12px
-    @media screen and (max-width: 420px)
+    @media screen and (max-width: 500px)
       display: block
       width: 100%
-      margin-bottom: 10px
+      margin-bottom: 7px
       text-align: center
   .right-part
     display: inline-flex
     justify-content: flex-start
     width: 50%
-    @media screen and (max-width: 420px)
+    @media screen and (max-width: 500px)
       display: block
       width: 100%
       text-align: center
@@ -294,18 +296,18 @@ footer > .right-part > a.menuitem > img
   display: inline-block
   margin: 0
   &.first
-    @media screen and (min-width: 421px)
+    @media screen and (min-width: 501px)
       margin-left: 5px
 
 @media screen and (max-width: 767px)
   footer
     border: none
 
-@media screen and (max-width: 420px)
+@media screen and (max-width: 500px)
   .container
-    min-height: calc(100vh - 70px)
+    min-height: calc(100vh - 67px)
   footer
-    height: 70px
+    height: 67px
     display: block
     padding: 5px 0
 </style>