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

Move additionals platform

Browse source
This commit is contained in:
Roman Cervantes 2019-09-19 09:49:08 -07:00
parent 4e815215f7
commit dec74005c8
2 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/GameDetail/GameReviewBox.vue
View file

@ -1,17 +1,5 @@
<template lang="html">
<div v-if="game" class="review-box">
<section v-if="gamePlatforms && gamePlatforms.length > 0">
<h4>{{ $t('gameDetail.gamePlatforms') }}</h4>
<div class="platforms">
<platform
v-for="platform in gamePlatforms"
:key="platform.name"
:platform="platform"
/>
</div>
</section>
<div class="info">
<!-- TODO: get icons for everything -->
<section v-if="playerPerspectives">
@ -50,6 +38,18 @@
</section>
<game-links />
<section v-if="gamePlatforms && gamePlatforms.length > 0">
<h4>{{ $t('gameDetail.gamePlatforms') }}</h4>
<div class="platforms">
<platform
v-for="platform in gamePlatforms"
:key="platform.name"
:platform="platform"
/>
</div>
</section>
</div>
</div>
</template>
@ -121,7 +121,10 @@ export default {
flex-wrap: wrap;
.platform {
width: 90px;
height: 50px;
margin-right: $gp / 2;
padding: $gp / 4;
&:first-child {
margin-left: 0;

5
src/components/Platforms/Platform.vue
View file

@ -1,7 +1,7 @@
<template lang="html">
<div
@click="changePlatform"
:class="['platform', { dark: darkModeEnabled, clickable } ]"
:class="['platform', { dark: darkModeEnabled, clickable, square } ]"
:style="style"
>
<img
@ -25,6 +25,7 @@ import { mapState, mapGetters } from 'vuex';
export default {
props: {
platform: Object,
square: Boolean,
clickable: Boolean,
},
@ -90,7 +91,7 @@ export default {
justify-content: center;
border-radius: $border-radius;
overflow: hidden;
width: 200px;
width: 180px;
height: 100px;
&.clickable {