@uploadcare/file-uploader/solutions/file-uploader/inline/index.css

Building blocks for Uploadcare products integration

@import url('../../../blocks/themes/uc-basic/index.css');

[uc-file-uploader-inline] uc-start-from {
  height: 100%;
  container-type: inline-size;
}

[uc-file-uploader-inline] {
  --cfg-done-activity: 'start-from';
  --cfg-init-activity: 'start-from';

  flex: 1;
}

[uc-file-uploader-inline] uc-activity-header::after {
  width: var(--uc-button-size);
  height: var(--uc-button-size);
  content: '';
}

[uc-file-uploader-inline] uc-activity-header .uc-close-btn {
  display: none;
}

[uc-file-uploader-inline] uc-copyright .uc-credits {
  position: static;
}

@container (min-width: 500px) {
  [uc-file-uploader-inline] uc-start-from .uc-content {
    grid-template-columns: 1fr max-content;
    height: 100%;
  }

  [uc-file-uploader-inline] uc-start-from uc-copyright {
    grid-column: 2;
  }

  [uc-file-uploader-inline] uc-start-from uc-drop-area {
    grid-row: span 3;
  }

  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]) uc-drop-area {
    grid-row: span 2;
  }

  [uc-file-uploader-inline] uc-start-from:has(.uc-cancel-btn[hidden]) uc-drop-area {
    grid-row: span 2;
  }

  [uc-file-uploader-inline] uc-start-from:has(uc-copyright[hidden]):has(.uc-cancel-btn[hidden]) uc-drop-area {
    grid-row: span 1;
  }
}