projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Fix capturing promotions in Absorption variant
[vchess.git]
/
client
/
src
/
App.vue
diff --git
a/client/src/App.vue
b/client/src/App.vue
index
8badb73
..
5556ae3
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")
| {{ 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")
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")
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")
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>
img(src="/images/icons/twitter.svg")
</template>
@@
-140,7
+142,7
@@
input[type="checkbox"]:focus
outline: 0
input[type=checkbox]:checked:before
outline: 0
input[type=checkbox]:checked:before
- top: -5px
;
+ top: -5px
height: 18px
table
height: 18px
table
@@
-254,16
+256,16
@@
footer
& > p
display: inline-block
margin: 0 12px
& > p
display: inline-block
margin: 0 12px
- @media screen and (max-width:
42
0px)
+ @media screen and (max-width:
50
0px)
display: block
width: 100%
display: block
width: 100%
- margin-bottom:
10
px
+ margin-bottom:
7
px
text-align: center
.right-part
display: inline-flex
justify-content: flex-start
width: 50%
text-align: center
.right-part
display: inline-flex
justify-content: flex-start
width: 50%
- @media screen and (max-width:
42
0px)
+ @media screen and (max-width:
50
0px)
display: block
width: 100%
text-align: center
display: block
width: 100%
text-align: center
@@
-290,22
+292,24
@@
footer .menuitem
color: #2c3e50
text-decoration: none
footer > .right-part > a.menuitem > img
color: #2c3e50
text-decoration: none
footer > .right-part > a.menuitem > img
- height: 1.5em
display: inline-block
display: inline-block
- margin: 0
- &.first
- @media screen and (min-width: 421px)
+ height: 1.3em
+ margin: 0 5px
+ //height: 1.5em
+ //margin: 0
+ //&.first
+ @media screen and (min-width: 501px)
margin-left: 5px
@media screen and (max-width: 767px)
footer
border: none
margin-left: 5px
@media screen and (max-width: 767px)
footer
border: none
-@media screen and (max-width:
42
0px)
+@media screen and (max-width:
50
0px)
.container
.container
- min-height: calc(100vh -
70
px)
+ min-height: calc(100vh -
67
px)
footer
footer
- height:
70
px
+ height:
67
px
display: block
padding: 5px 0
</style>
display: block
padding: 5px 0
</style>