Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-23 19:53:14 +00:00
Code Issues Projects Releases Packages Wiki Activity

more mini board clean up

Browse source
This commit is contained in:
Gamebrary 2021-04-29 21:50:19 -07:00
parent a30b950e08
commit 172369e15f
1 changed files with 5 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,16 +1,13 @@
<template lang="html">
<div
class="mini-board p-1 rounded cursor-pointer bg-light"
class="mini-board p-1 rounded cursor-pointer bg-secondary"
:style="miniBoardStyles"
@click="$emit('view-board', board.id)"
>
<header class="text-small">
<header class="text-small d-flex align-items-center">
<span class="mr-1">{{ board.name }}</span>
<small
v-if="board.isPublic"
class="text-success"
>
<small v-if="board.isPublic" class="text-info">
(Public)
</small>
@ -23,14 +20,13 @@
<div
v-for="list in board.lists"
:key="list.name"
class="rounded overflow-hidden list"
class="list rounded overflow-hidden mr-1 border align-self-start"
>
<template v-if="list.games.length">
<div
v-for="(game, index) in list.games"
:key="game"
:class="['bg-secondary border-bottom',
{ 'rounded-bottom': index === list.games.length - 1 }]"
:class="['bg-secondary', { 'border-bottom': index !== list.games.length - 1 }]"
>
<i class="fas fa-square fa-fw text-muted" style="margin-left: 1px;" aria-hidden />
</div>
@ -91,13 +87,5 @@ $boardWidth: 359.5px;
.list {
width: 60px;
flex-shrink: 0;
margin-right: 5px;
}
header {
height: 32px;
display: flex;
align-items: center;
}
</style>