2019-02-06 06:55:47 +00:00
|
|
|
<template lang="html">
|
|
|
|
<a :href="href" class="igdb-credit" target="_blank" :class="{ gray }">
|
|
|
|
<img :src="`/static/img/igdb-logo${logo}.svg`" />
|
2019-05-18 13:44:49 +00:00
|
|
|
<strong>{{ $t('igdbCredit.poweredByIgdb') }}</strong>
|
2019-02-06 06:55:47 +00:00
|
|
|
</a>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
gray: Boolean,
|
|
|
|
linkable: Boolean,
|
|
|
|
},
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
logo() {
|
|
|
|
return this.gray
|
|
|
|
? '-gray'
|
|
|
|
: '';
|
|
|
|
},
|
|
|
|
|
|
|
|
href() {
|
|
|
|
return this.linkable
|
|
|
|
? 'https://www.igdb.com/'
|
|
|
|
: null;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss" rel="stylesheet/scss" scoped>
|
2019-04-05 19:16:32 +00:00
|
|
|
@import "~styles/styles.scss";
|
2019-02-06 06:55:47 +00:00
|
|
|
|
|
|
|
.igdb-credit {
|
|
|
|
color: $color-igdb-green;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
text-decoration: none;
|
|
|
|
font-size: 11px;
|
|
|
|
|
|
|
|
&.gray {
|
|
|
|
color: $color-dark-gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
height: 40px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|