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

fix: 💄 resize images instead of container

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-25 00:19:19 +01:00
parent b8408c6534
commit 3eb0a11cd9
1 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/Gallery.vue
View file

@ -107,16 +107,12 @@ export default {
&__images { &__images {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
height: 50vh;
@include mq-desktop {
height: 80vh;
}
} }
&__viewport { &__viewport {
display: flex; display: flex;
flex-flow: row nowrap; flex-flow: row nowrap;
align-items: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -147,9 +143,14 @@ export default {
} }
img { img {
max-width: 100%;
max-height: 100%;
object-fit: contain; object-fit: contain;
width: 100%;
max-height: 50vh;
@include mq-desktop {
max-height: 80vh;
}
} }
figcaption { figcaption {