X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FHall.vue;h=9656c96707f6d3806a28ae91d952c40de520a735;hb=afde76668963c4d0d96002fcae2ebabb9acf81e4;hp=ac2bd78fd4c6ac6a3fa9c85459da982513b7984a;hpb=3e4e742cadbb8a53e9a029891c32d5879d7ef136;p=vchess.git diff --git a/client/src/views/Hall.vue b/client/src/views/Hall.vue index ac2bd78f..9656c967 100644 --- a/client/src/views/Hall.vue +++ b/client/src/views/Hall.vue @@ -1,77 +1,163 @@ @@ -786,7 +1023,7 @@ export default { padding: 15px 0 max-width: 430px -#newgameDiv > .card +#newgameDiv > .card, #acceptDiv > .card max-width: 767px max-height: 100% @@ -809,21 +1046,62 @@ div#peopleWrap > .card width: 50% position: relative float: left + #chat width: 50% float: left position: relative + @media screen and (max-width: 767px) #players, #chats width: 100% + #chat > .card max-width: 100% margin: 0; border: none; + #players > p margin-left: 5px + .anonymous font-style: italic + button.player-action margin-left: 32px + +.somethingnew + background-color: #c5fefe !important + +.tabbtn + background-color: #f9faee + +button.acceptBtn + background-color: lightgreen +button.refuseBtn + background-color: red + +#buttonsTchall + // margin-top set dynamically (depends if diagram showed or not) + & > button > span + width: 100% + text-align: center + +.variantName + font-weight: bold + +.diagram + margin: 0 auto + max-width: 400px + // width: 100% required for Firefox + width: 100% + +#inputFen + width: 100% + +#div2, #div3 + margin-top: 15px +@media screen and (max-width: 767px) + #div2, #div3 + margin-top: 0