`fitWidth` for `video-miniature`, fluid grid (#2830)

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / images / preview-upload.component.scss

diff --git a/client/src/app/shared/images/preview-upload.component.scss b/client/src/app/shared/images/preview-upload.component.scss
index 257060239bd26bda087ced3eea733467df4c584e..88eccd5f7c8fd1f05110ae028edc31836eae9512 100644 (file)
--- a/client/src/app/shared/images/preview-upload.component.scss
+++ b/client/src/app/shared/images/preview-upload.component.scss
@@ -16,11 +16,13 @@
     }
 
     .preview {
-      border: 2px solid grey;
+      object-fit: cover;
       border-radius: 4px;
+      max-width: 100%;
 
       &.no-image {
-        background-color: #ececec;
+        border: 2px solid grey;
+        background-color: pvar(--mainBackgroundColor);
       }
     }
   }