Fix viewer alignment with non-square imgs/videos

2018-11-18 12:35:32 +00:00 · 2018-11-18 12:35:32 +00:00 · d92d6734e1
parent 411ee0b7f8
commit d92d6734e1
1 changed files with 3 additions and 0 deletions
--- a/src/renderer/components/TimelineSpace/Modals/Media.vue
+++ b/src/renderer/components/TimelineSpace/Modals/Media.vue
@ -48,10 +48,13 @@ export default {
  max-width: 80%;
  min-width: 10%;
  height: 80%;
+  display: inline-flex;

  img,
  video {
    max-height: 100%;
+    max-width: 100%;
+    align-self: center;
  }
 }
 </style>