Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-11-15 07:57:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

add grid prop to amazon component

Browse source
This commit is contained in:
Gamebrary 2021-03-29 16:13:19 -07:00
parent 0e9649b6e2
commit 1a4d0ed094
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/Game/GameWebsites.vue
View file

@ -2,7 +2,7 @@
<div v-if="game.websites" class="my-4">
External links:
<div class="links">
<div :class="['links', { grid }]">
<b-button
v-for="{ url, id, icon, svg } in links"
:href="url"
@ -38,6 +38,7 @@ import { LINKS_CATEGORIES } from '@/constants';
export default {
props: {
game: Object,
grid: Boolean,
},
computed: {
@ -58,11 +59,13 @@ export default {
<style lang="scss" rel="stylesheet/scss" scoped>
.links {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: .5rem;
// grid-template-columns: 1fr 1fr 1fr;
grid-gap: 5px;
@media(max-width: 780px) {
grid-template-columns: 1fr 1fr;
&.grid {
grid-template-columns: 1fr 1fr 1fr;
}
// @media(max-width: 780px) {
// }
}
</style>