X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=caf91a965c0282a3cad59be910c9762b12b814d0;hb=1a3cfdc05b40c8ecc79397be02529b35411f073f;hp=15e2f101dc8c3fc040b2470338176ebca84d8ea4;hpb=6f2f94374f1e73c375edf732d9425e575e81fff7;p=vchess.git diff --git a/client/src/App.vue b/client/src/App.vue index 15e2f101..caf91a96 100644 --- a/client/src/App.vue +++ b/client/src/App.vue @@ -274,25 +274,18 @@ footer border: none @media screen and (max-width: 420px) + .container + min-height: calc(100vh - 55px) footer height: 55px display: block padding: 5px 0 .menuitem.somenews - animation: blinkNews 1s infinite; color: red &:link, &:visited, &:hover color: red -@keyframes blinkNews - 0%, 49% - background-color: yellow - padding: 3px - 50%, 100% - background-color: grey - padding: 3px - // Styles for diagrams and board (partial). // TODO: where to put that ? @@ -308,6 +301,10 @@ div.board display: inline-block position: relative +div.board5 + width: 20% + padding-bottom: 20% + div.board8 width: 12.5% padding-bottom: 12.5%