mirror of
https://github.com/romancm/gamebrary
synced 2024-12-24 01:53:07 +00:00
fix logic for unique list width in mobile
This commit is contained in:
parent
c6cc1b4e48
commit
6499c631c7
1 changed files with 5 additions and 4 deletions
|
@ -1,6 +1,6 @@
|
|||
<template lang="html">
|
||||
<div
|
||||
:class="['list mr-3', viewClass, { dragging, 'single': singleBoard }]"
|
||||
:class="['list mr-3', viewClass, { dragging, 'unique': singleList }]"
|
||||
:id="listIndex"
|
||||
>
|
||||
<b-card
|
||||
|
@ -156,8 +156,8 @@ export default {
|
|||
return this.list.games.length === 0;
|
||||
},
|
||||
|
||||
singleBoard() {
|
||||
return this.list.games.length === 1;
|
||||
singleList() {
|
||||
return this.board.lists.length === 1;
|
||||
},
|
||||
|
||||
view() {
|
||||
|
@ -246,9 +246,10 @@ export default {
|
|||
width: 300px;
|
||||
border-radius: 3px;
|
||||
|
||||
&.single {
|
||||
&.unique {
|
||||
@media(max-width: 780px) {
|
||||
width: calc(100vw - 140px);
|
||||
// background: #ccf;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue