client/src/app/shared/images/preview-upload.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .root {
   5   height: auto;
   6   display: flex;
   7   flex-direction: column;
   8
   9   .preview-container {
  10     position: relative;
  11
  12     my-reactive-file {
  13       position: absolute;
  14       bottom: 10px;
  15       left: 10px;
  16     }
  17
  18     .preview {
  19       object-fit: cover;
  20       border-radius: 4px;
  21       max-width: 100%;
  22
  23       &.no-image {
  24         border: 2px solid grey;
  25         background-color: pvar(--mainBackgroundColor);
  26       }
  27     }
  28   }
  29 }