github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/pages/adhoc/components/FileUploader.module.scss (about)

     1  .container {
     2    // same color as canvas-container
     3    background-color: var(--ps-ui-foreground);
     4  
     5    padding: 5px 0;
     6    margin: 5px 0;
     7    display: flex;
     8    justify-content: center;
     9    flex-direction: column;
    10    height: auto !important;
    11  
    12    &:hover {
    13      cursor: pointer;
    14    }
    15  }
    16  
    17  .dragAndDropContainer {
    18    border: dashed;
    19    border-color: var(--ps-upload-profile-area-border);
    20    border-radius: 1em;
    21    box-shadow: 0 0px 13px 0 rgb(0 0 0 / 30%);
    22    background-color: var(--ps-upload-profile-area-bg);
    23    padding: 15px 0;
    24  }
    25  
    26  .iconContainer {
    27    display: flex;
    28    justify-content: center;
    29    align-items: center;
    30    flex-direction: column;
    31  
    32    svg {
    33      width: 85px;
    34      height: 54px;
    35      fill: var(--ps-upload-profile-icon);
    36    }
    37  }
    38  
    39  .headerMain {
    40    font-size: 16px;
    41    text-align: center;
    42    vertical-align: middle;
    43    margin: 0 0 10px 0;
    44  }
    45  
    46  .uploadWrapper {
    47    text-align: center;
    48  }
    49  
    50  .uploadBtnPreLabel {
    51    text-align: center;
    52    font-size: 14px;
    53    font-weight: 700;
    54    color: #5d607c;
    55    margin: 0;
    56    display: block;
    57  }
    58  
    59  .uploadBtnWrapper {
    60    display: flex;
    61    width: 100%;
    62    justify-content: center;
    63  }
    64  
    65  .uploadButton {
    66    min-width: 200px;
    67    margin: 10px 0 0;
    68    padding: 8px;
    69    border-style: solid;
    70    border-width: 1px;
    71  
    72    &.disabled {
    73      background-color: var(--ps-upload-profile-btn-bg);
    74      border-color: var(--ps-ui-border);
    75      color: var(--ps-disabled-button-text) !important;
    76    }
    77  }
    78  
    79  .activeDropdownItem {
    80    background-color: var(--ps-ui-element-bg-highlight);
    81    color: var(--ps-selected-app);
    82  }
    83  
    84  .dropdowns {
    85    display: flex;
    86    justify-content: center;
    87    padding-bottom: 10px;
    88  }