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

@import '_variables';
@import '_mixins';

.root {
  height: auto;
  display: flex;
  flex-direction: column;

  .preview-container {
    position: relative;

    my-reactive-file {
      position: absolute;
      bottom: 10px;
      left: 10px;
    }

    .preview {
      object-fit: cover;
      border-radius: 4px;
      max-width: 100%;

      &.no-image {
        border: 2px solid grey;
        background-color: var(--mainBackgroundColor);
      }
    }
  }
}
Commit	Line	Data
7b992a86 C	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 {
6f02515e	19	object-fit: cover;
7b992a86	20	border-radius: 4px;
6f02515e	21	max-width: 100%;
7b992a86 C	22
7b992a86 C	23	&.no-image {
6f02515e RK	24	border: 2px solid grey;
6f02515e RK	25	background-color: var(--mainBackgroundColor);
7b992a86 C	26	}
	27	}
	28	}
	29	}