mirror of
https://github.com/romancm/gamebrary
synced 2024-11-13 23:17:08 +00:00
clean up and move tags next to game title
This commit is contained in:
parent
ce01cbb2e8
commit
5eb85c5419
1 changed files with 14 additions and 24 deletions
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue