| |
| .vsp-component-monitoring { |
| .dropzone { |
| .section-title { |
| padding-bottom: 20px; |
| } |
| &:not(:last-child) { |
| padding-bottom: 50px; |
| } |
| .software-product-landing-view-top-block-col-upl { |
| @extend .body-1; |
| width: 400px; |
| display: flex; |
| text-align: center; |
| flex-direction: column; |
| justify-content: center; |
| border: 2px dashed $light-gray; |
| padding: 25px 0; |
| align-items: center; |
| .upload-btn { |
| padding: 4px 20px; |
| } |
| .drag-text { |
| color: $blue; |
| @extend .body-1-semibold |
| } |
| .or-text { |
| margin-top: 10px; |
| margin-bottom: 10px; |
| } |
| } |
| |
| .monitoring-file { |
| display: flex; |
| .filename { |
| opacity: 1; |
| width: auto; |
| border-right-style: none; |
| } |
| .delete { |
| display: flex; |
| width: 30px; |
| justify-content: center; |
| align-items: center; |
| } |
| } |
| } |
| |
| .delete-button { |
| min-width: 0; |
| } |
| } |