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">
|
<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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue