Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-12-18 23:33:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

clean up boards

Browse source
This commit is contained in:
Roman Cervantes 2020-10-22 14:54:05 -07:00
parent 793c63049d
commit 0fa0ed3fd9
1 changed files with 32 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
src/components/Boards.vue
View file

@ -21,30 +21,45 @@
class="overflow-hidden clickable mt-3" class="overflow-hidden clickable mt-3"
@click="viewBoard(board.id)" @click="viewBoard(board.id)"
> >
<b-row no-gutters> <b-row>
<b-col md="3" v-if="board.wallpaper"> <b-col md="3">
<b-card-img <b-img
v-if="board.wallpaper"
rounded
class="m-2 w-100"
:src="getWallpaper(board)" :src="getWallpaper(board)"
:alt="board.name" :alt="board.name"
/> />
<b-img
v-else
rounded
:alt="board.name"
class="m-2 w-100"
width="150"
height="84"
blank
blank-color="darkgray"
fluid
/>
</b-col> </b-col>
<b-col md="9" > <b-col md="9" class="p-2" >
<b-card-body :title="board.name" title-tag="h5"> <h6 class="m-0">{{ board.name }}</h6>
<b-card-text v-if="board.description">
{{ board.description }}
</b-card-text>
<span :id="board.id"> <small :id="board.id">
{{ board.platforms.length }} {{ $t('boards.platforms') }} {{ board.platforms.length }} {{ $t('boards.platforms') }}
</span> </small>
<b-popover :target="board.id" triggers="hover"> <b-popover :target="board.id" triggers="hover">
<div v-for="id in board.platforms" :key="id"> <div v-for="id in board.platforms" :key="id">
{{ platformNames[id].name }} {{ platformNames[id].name }}
</div> </div>
</b-popover> </b-popover>
</b-card-body>
<p class="text-muted small" v-if="board.description">
{{ board.description }}
</p>
</b-col> </b-col>
</b-row> </b-row>
</b-card> </b-card>