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

clean up and move tags next to game title

Browse source
This commit is contained in:
Gamebrary 2022-08-17 22:34:31 -07:00
parent ce01cbb2e8
commit 5eb85c5419
1 changed files with 14 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/pages/GamePage.vue
View file

@ -3,17 +3,7 @@
<!-- TODO: show GOG buy button -->
<template lang="html">
<b-container fluid>
<!-- <portal to="pageTitle" v-if="game">{{ game.name }}</portal> -->
<!-- <portal to="pageTitle" v-if="game">
<b-button>
boom
</b-button>
</portal> -->
<div v-if="loading" class="text-center mt-5 ml-auto">
<b-spinner/>
</div>
<b-spinner v-if="loading" class="spinner-centered" />
<template v-else-if="game">
<portal to="headerActions">
@ -166,22 +156,22 @@
{{ metacriticScore.score }}
</b-button> -->
<b-button
v-for="({ bgColor, textColor, name }) in tagsApplied"
:key="name"
rounded
size="sm"
variant="transparent"
class="mr-1"
:style="`background-color: ${bgColor}; color: ${textColor}`"
@click="$router.push({ name: 'game.tags', params: { id: game.id, slug: game.slug } })"
>
<i class="fa-solid fa-tag mr-1" />
{{ name }}
</b-button>
</aside>
</header>
<b-button
v-for="({ bgColor, textColor, name }) in tagsApplied"
:key="name"
rounded
size="sm"
variant="transparent"
class="mr-1 my-2"
:style="`background-color: ${bgColor}; color: ${textColor}`"
@click="$router.push({ name: 'game.tags', params: { id: game.id, slug: game.slug } })"
>
{{ name }}
</b-button>
<aside class="bg-white float-right pl-2 pb-2">
<b-img
v-b-modal.mediaModal