fix logic for unique list width in mobile

This commit is contained in:
Gamebrary 2020-11-01 14:08:36 -07:00
parent c6cc1b4e48
commit 6499c631c7

View file

@ -1,6 +1,6 @@
<template lang="html"> <template lang="html">
<div <div
:class="['list mr-3', viewClass, { dragging, 'single': singleBoard }]" :class="['list mr-3', viewClass, { dragging, 'unique': singleList }]"
:id="listIndex" :id="listIndex"
> >
<b-card <b-card
@ -156,8 +156,8 @@ export default {
return this.list.games.length === 0; return this.list.games.length === 0;
}, },
singleBoard() { singleList() {
return this.list.games.length === 1; return this.board.lists.length === 1;
}, },
view() { view() {
@ -246,9 +246,10 @@ export default {
width: 300px; width: 300px;
border-radius: 3px; border-radius: 3px;
&.single { &.unique {
@media(max-width: 780px) { @media(max-width: 780px) {
width: calc(100vw - 140px); width: calc(100vw - 140px);
// background: #ccf;
} }
} }