SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: 🐛 slides displacing when cycling through slides

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-24 18:23:55 +01:00
parent ed0fa31a0f
commit 0b6f797dc4
1 changed files with 15 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/Gallery.vue
View file

@ -44,7 +44,7 @@ export default {
}, },
computed: { computed: {
offset() { offset() {
return `margin-left: -${this.activeImage * 100}vw`; return `margin-left: -${this.activeImage * 100}%`;
} }
}, },
methods: { methods: {
@ -127,10 +127,11 @@ export default {
flex: 0 0 100%; flex: 0 0 100%;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: column nowrap;
justify-content: center; justify-content: center;
width: 100vw; width: 100vw;
height: 100%;
margin: 0; margin: 0;
padding: 0 2em; padding: 0 2em;
@ -139,15 +140,25 @@ export default {
} }
} }
picture {
flex: 0 1 auto;
text-align: center;
max-height: 80%;
}
img { img {
max-width: 100%; max-width: 100%;
max-height: 90%; max-height: 100%;
object-fit: contain; object-fit: contain;
} }
figcaption { figcaption {
flex: 0 0 100%; flex: 1 0 auto;
text-align: center; text-align: center;
p {
margin: 0.5em auto;
}
} }
} }