From 2aabd8ed1a75be0d4079d23d0bf6702883ff4959 Mon Sep 17 00:00:00 2001 From: lain <lain@soykaf.club> Date: Fri, 5 Jun 2020 17:55:19 +0200 Subject: [PATCH] StillImage: Make it work properly in both firefox and chrome. --- src/components/still-image/still-image.vue | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue index 4137bd59..08af26f6 100644 --- a/src/components/still-image/still-image.vue +++ b/src/components/still-image/still-image.vue @@ -23,12 +23,21 @@ <style lang="scss"> @import '../../_variables.scss'; +.contain-fit { + .still-image { + img { + height: 100%; + } + } +} + .still-image { position: relative; line-height: 0; overflow: hidden; width: 100%; height: 100%; + display: flex; &:hover canvas { display: none; @@ -36,8 +45,8 @@ img { width: 100%; - height: 100%; object-fit: contain; + align-self: center; } &.animated {