diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-06-11 13:44:32 +0300 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-06-11 13:44:32 +0300 |
| commit | 2b6a6fe7ea31e4e5b77d5ad0ff580f9e29df1849 (patch) | |
| tree | d6a62bfbd9835f191ea6fd740f3b3e40847cfdda /src | |
| parent | 4e3ce18703bddb138e31de63c83460d757717a3b (diff) | |
make object-fit cover work like it should
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/still-image/still-image.vue | 10 |
1 files changed, 2 insertions, 8 deletions
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue index 08af26f6..f2ddeb7b 100644 --- a/src/components/still-image/still-image.vue +++ b/src/components/still-image/still-image.vue @@ -23,13 +23,6 @@ <style lang="scss"> @import '../../_variables.scss'; -.contain-fit { - .still-image { - img { - height: 100%; - } - } -} .still-image { position: relative; @@ -38,6 +31,7 @@ width: 100%; height: 100%; display: flex; + align-items: center; &:hover canvas { display: none; @@ -45,8 +39,8 @@ img { width: 100%; + min-height: 100%; object-fit: contain; - align-self: center; } &.animated { |