aboutsummaryrefslogtreecommitdiff
path: root/src/components/still-image/still-image.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/still-image/still-image.vue')
-rw-r--r--src/components/still-image/still-image.vue11
1 files changed, 10 insertions, 1 deletions
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 {