Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2025-02-17 11:38:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

mini board responsive improvements

Browse source
This commit is contained in:
Gamebrary 2021-07-27 16:24:28 -07:00
parent 1ee2020f59
commit 4d6e4dc019
1 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/Board/MiniBoard.vue
View file

@ -65,20 +65,18 @@ export default {
</script>
<style lang="scss" rel="stylesheet/scss" scoped>
$boardHeight: 216px;
$boardWidth: calc(1070px / 3);
// TODO: allow to toggle expanded width (remove width from mini-board)
$boardHeight: 180px;
.mini-board {
background-repeat: no-repeat;
background-size: cover;
height: $boardHeight;
width: $boardWidth;
max-width: 100%;
width: 363.2px;
@media(max-width: 768px) {
width: 320px;
height: 180px;
}
@media(max-width: 1024px) { width: 320px; }
@media(max-width: 768px) { width: 360px; }
@media(max-width: 480px) { width: calc(100% - 8px); }
}
.lists {