Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-27 13:40:48 +00:00
Code Issues Projects Releases Packages Wiki Activity

mini board clean up

Browse source
This commit is contained in:
Gamebrary 2021-05-07 14:55:15 -07:00
parent 7e1a2acd5b
commit d9914f808d
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
<template lang="html">
<div
class="mini-board p-1 rounded cursor-pointer bg-secondary"
class="mini-board overflow-hidden p-1 rounded cursor-pointer bg-secondary"
:style="miniBoardStyles"
@click="$emit('view-board', board.id)"
>
@ -67,14 +67,19 @@ export default {
<style lang="scss" rel="stylesheet/scss" scoped>
// TODO: calculate this
$boardHeight: 216px;
$boardWidth: 359.5px;
// $boardWidth: (100% / 3) - 8px;
.mini-board {
background-repeat: no-repeat;
background-size: cover;
height: $boardHeight;
width: $boardWidth;
width: calc(1094px / 3);
max-width: 100%;
@media(max-width: 768px) {
width: 320px;
height: 180px;
}
}
.lists {