github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/ui/StatusMessage/StatusMessage.module.scss (about)

     1  .statusMessage {
     2    width: 100%;
     3    display: flex;
     4    flex-direction: row;
     5    align-items: center;
     6    justify-content: space-between;
     7    margin: 1em 0;
     8    padding: 0.5em;
     9  }
    10  
    11  .success {
    12    color: var(--ps-neutral-2);
    13    background-color: var(--ps-green-disabled);
    14    padding: 10px;
    15  }
    16  
    17  .error {
    18    color: var(--ps-neutral-2);
    19    font-weight: bold;
    20    background-color: var(--ps-red-primary);
    21  }
    22  
    23  .warning {
    24    background-color: #f2cd51;
    25    color: var(--ps-immutable-placeholder-text);
    26    font-weight: bold;
    27  }
    28  
    29  .info {
    30    background-color: var(--ps-blue-primary);
    31    color: var(--ps-neutral-2);
    32    font-weight: bold;
    33  }
    34  
    35  .action {
    36    &:empty {
    37      display: none;
    38    }
    39  }