X-Git-Url: https://git.auder.net/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2FApp.vue;h=caf91a965c0282a3cad59be910c9762b12b814d0;hb=6ec2feb288c621ffd9a6bf9d3a461f9937b8c9d8;hp=6590fcfbdc0b619ec8ac28d5b44b8c0b3b255c46;hpb=f14572c4a22425033735253eabbaa2d8dbb53d05;p=vchess.git diff --git a/client/src/App.vue b/client/src/App.vue index 6590fcfb..caf91a96 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -149,10 +149,11 @@ table padding: 0 10px 0 0 height: 100% & > span + padding-right: 5px vertical-align: middle & > img padding: 0 - height: 24px + height: 1.2em vertical-align: middle @media screen and (max-width: 767px) @@ -273,6 +274,8 @@ footer border: none @media screen and (max-width: 420px) + .container + min-height: calc(100vh - 55px) footer height: 55px display: block @@ -298,10 +301,18 @@ div.board display: inline-block position: relative +div.board5 + width: 20% + padding-bottom: 20% + div.board8 width: 12.5% padding-bottom: 12.5% +div.board9 + width: 11.1% + padding-bottom: 11.1% + div.board10 width: 10% padding-bottom: 10%