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

Clean up game cover

Browse source
This commit is contained in:
gamebrary 2024-09-10 16:41:17 -07:00
parent 65bfd3a788
commit 625f3f7fc6
1 changed files with 21 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
src/components/Game/GameCover.vue
View file

@ -1,30 +1,28 @@
<template>
<div>
<div class="position-relative">
<b-button
variant="transparent"
squared
class="ml-3 mt-2 p-0 position-absolute"
:disabled="!user"
@click="$bus.$emit('LIKE_UNLIKE_GAME', gameId)"
>
<i :class="[isLiked ? 'fa-solid': 'fa-regular' , 'fa-heart text-danger']" />
</b-button>
<div class="position-relative">
<b-button
variant="transparent"
squared
class="ml-3 mt-2 p-0 position-absolute"
:disabled="!user"
@click="$bus.$emit('LIKE_UNLIKE_GAME', gameId)"
>
<i :class="[isLiked ? 'fa-solid': 'fa-regular' , 'fa-heart text-danger']" />
</b-button>
<GameRatings class="position-absolute d-flex" style="bottom: 1rem; right: 1rem;" />
<GameRatings class="position-absolute d-flex" style="bottom: 1rem; right: 1rem;" />
<GameMediaCarousel />
<GameMediaCarousel />
<b-img
:src="$options.getImageUrl(game)"
:alt="gameName"
class="cursor-pointer border d-flex mb-3 w-100"
:class="`border-${darkTheme ? 'dark' : 'light'}`"
bordered
rounded
@click="$bvModal.show('mediaModal')"
/>
</div>
<b-img
:src="$options.getImageUrl(game)"
:alt="gameName"
class="cursor-pointer border d-flex mb-3 w-100"
:class="`border-${darkTheme ? 'dark' : 'light'}`"
bordered
rounded
@click="$bvModal.show('mediaModal')"
/>
</div>
</template>