@asi-ngtools/lib/styles/less/asi-image-chooser.less

This project is a little components library, simple to use, which will help you to simplify your project.

.asi-image-chooser, asi-image-chooser {
  .base-component;
  flex: 0 0 auto;

  label.input-label {
    color: @asi-image-chooser-label-color;
  }

  .asi-image-chooser-container {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: @asi-image-chooser-background-color;
    border: @asi-image-chooser-border;
    width: 100px;
    height: 100px;
    cursor: pointer;
    //On cache l'input file
    input {
      display: none;
    }

    img {
      pointer-events: none;
      max-width: 100px;
      max-height: 100px;
    }
  }
}