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

Added option to make platform component clickable or not

Browse source
This commit is contained in:
Roman Cervantes 2019-08-19 23:20:32 -07:00
parent 0dc8a74647
commit f0b54c0221
1 changed files with 12 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
<template lang="html">
<div
@click="changePlatform"
:class="['platform', { dark: darkModeEnabled } ]"
:class="['platform', { dark: darkModeEnabled, clickable } ]"
:style="style"
>
<img
@ -25,6 +25,7 @@ import { mapState, mapGetters } from 'vuex';
export default {
props: {
platform: Object,
clickable: Boolean,
},
computed: {
@ -55,8 +56,10 @@ export default {
methods: {
changePlatform() {
this.$store.commit('SET_PLATFORM', this.platform);
this.$router.push({ name: 'game-board' });
if (this.clickable) {
this.$store.commit('SET_PLATFORM', this.platform);
this.$router.push({ name: 'game-board' });
}
},
ownedPlatform(platformCode) {
@ -80,16 +83,19 @@ export default {
.platform {
padding: $gp;
display: flex;
flex-direction: column;
margin-bottom: $gp / 2;
align-items: center;
justify-content: center;
border-radius: $border-radius;
cursor: pointer;
overflow: hidden;
width: 120px;
width: 100%;
max-width: 120px;
height: 80px;
&.clickable {
cursor: pointer;
}
@media($small) {
padding: $gp / 2;
width: calc(calc(100% / 3) - 7px) !important;