Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-26 21:20:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

Game page tweaks when page has a background

Browse source
This commit is contained in:
Gamebrary 2022-08-21 17:41:01 -07:00
parent e149f6f78b
commit d988261e8d
2 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/pages/GamePage.vue
View file

@ -68,12 +68,10 @@
/> />
</div> </div>
<game-titles class="d-sm-none mt-2" />
<section <section
v-if="gameNews.length" v-if="gameNews.length"
tag="a" tag="a"
class="bg-light rounded px-2 mt-2 d-flex flex-column" class="bg-light d-none d-sm-flex rounded px-2 mt-2 flex-column"
> >
<h5 class="pt-2">Latest news:</h5> <h5 class="pt-2">Latest news:</h5>
@ -100,11 +98,11 @@
<game-note <game-note
v-if="note" v-if="note"
:note="note" :note="note"
class="cursor-pointer" class="cursor-pointer mt-3"
@click.native="$router.push({ name: 'game.notes', params: { id: game.id, slug: game.slug } })" @click.native="$router.push({ name: 'game.notes', params: { id: game.id, slug: game.slug } })"
/> />
<game-in-list /> <game-in-list :class="{ 'text-white': steamBackground }" />
<!-- <game-speedruns /> --> <!-- <game-speedruns /> -->
@ -119,9 +117,9 @@
md="8" md="8"
xl="9" xl="9"
> >
<article class="bg-white rounded px-sm-3 pt-3 pb-1 px-0"> <article class="bg-white rounded p-3">
<header class="d-flex align-items-start justify-content-between pb-2"> <header class="d-flex align-items-start justify-content-between pb-2">
<game-titles class="d-none d-sm-block" /> <game-titles />
<aside> <aside>
<!-- <b-button :href="metacriticScore.url" variant="success" v-if="metacriticScore.url"> <!-- <b-button :href="metacriticScore.url" variant="success" v-if="metacriticScore.url">
@ -321,6 +319,10 @@ export default {
gameHeaderImage() { gameHeaderImage() {
return this.game?.steam?.header_image; return this.game?.steam?.header_image;
}, },
steamBackground() {
return this.game?.steam?.background;
},
}, },
watch: { watch: {
@ -391,7 +393,7 @@ export default {
if (wikipediaSlug) await this.$store.dispatch('LOAD_WIKIPEDIA_ARTICLE', wikipediaSlug).catch((e) => {}); if (wikipediaSlug) await this.$store.dispatch('LOAD_WIKIPEDIA_ARTICLE', wikipediaSlug).catch((e) => {});
if (steamGameId) await this.$store.dispatch('LOAD_STEAM_GAME_NEWS', steamGameId).catch((e) => {}); if (steamGameId) await this.$store.dispatch('LOAD_STEAM_GAME_NEWS', steamGameId).catch((e) => {});
if (this.game?.steam?.background) this.$bus.$emit('UPDATE_WALLPAPER', this.game?.steam?.background); if (this.steamBackground) this.$bus.$emit('UPDATE_WALLPAPER', this.game?.steam?.background);
this.loading = false; this.loading = false;
}, },

1
src/pages/game/GameNewsPage.vue
View file

@ -37,7 +37,6 @@
variant="secondary" variant="secondary"
class="mb-3 small" class="mb-3 small"
> >
<strong>{{ article.title }}</strong> <strong>{{ article.title }}</strong>
<div class="mb-0 w-100" v-html="$options.marked(article.contents)" /> <div class="mb-0 w-100" v-html="$options.marked(article.contents)" />