StillImage: Make it work properly in both firefox and chrome.

This commit is contained in:
lain 2020-06-05 17:55:19 +02:00
parent 63f237d736
commit 2aabd8ed1a

View file

@ -23,12 +23,21 @@
<style lang="scss"> <style lang="scss">
@import '../../_variables.scss'; @import '../../_variables.scss';
.contain-fit {
.still-image {
img {
height: 100%;
}
}
}
.still-image { .still-image {
position: relative; position: relative;
line-height: 0; line-height: 0;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex;
&:hover canvas { &:hover canvas {
display: none; display: none;
@ -36,8 +45,8 @@
img { img {
width: 100%; width: 100%;
height: 100%;
object-fit: contain; object-fit: contain;
align-self: center;
} }
&.animated { &.animated {