Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2025-02-25 11:17:10 +00:00
Code Issues Projects Releases Packages Wiki Activity

Game modal tweaks

Browse source
This commit is contained in:
Roman Cervantes 2019-11-21 14:25:17 -07:00
parent 9ed5cd2f9d
commit f18a147fcc
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/GameDetail/GameScreenshots.vue
View file

@ -1,5 +1,7 @@
<template lang="html">
<section v-if="game.screenshots" class="game-screenshots">
<h3>Screenshots</h3>
<vue-gallery
:images="screenshots"
:index="index"
@ -84,7 +86,7 @@ export default {
margin: $gp 0;
h3 {
margin: 0 0 $gp / 2;
margin: 0 0 $gp;
}
img {

7
src/components/GameDetail/GameVideos.vue
View file

@ -1,5 +1,7 @@
<template lang="html">
<div v-if="game.videos" class="game-videos">
<h3>Videos</h3>
<div class="video">
<iframe
:src="`https://www.youtube.com/embed/${youtubeVideoId}?rel=0&autohide=1`"
@ -53,7 +55,7 @@ export default {
.video {
position: relative;
padding-bottom: 56.25%;
margin: $gp;
margin: $gp 0;
height: 56.25%;
iframe {
@ -68,12 +70,11 @@ export default {
.video-thumbnails {
display: grid;
grid-template-columns: repeat(auto-fill, 100px);
padding: 0 $gp;
padding: 0;
grid-gap: $gp;
@media($small) {
grid-template-columns: repeat(auto-fill, 70px);
justify-content: center;
}
.thumbnail {