github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/components/Settings/Settings.module.css (about)

     1  .settingsWrapper {
     2    padding: 30px;
     3  }
     4  
     5  .settingsNav {
     6    display: flex;
     7    margin: 0 0 0 30px;
     8  }
     9  
    10  .settingsNav li {
    11    display: flex;
    12  }
    13  
    14  .navLink {
    15    margin-right: 15px;
    16    padding: 10px 5px;
    17    text-decoration: none;
    18    position: relative;
    19    color: var(--ps-ui-foreground-text);
    20  }
    21  
    22  .navLinkActive {
    23    color: var(--ps-neutral-2);
    24  }
    25  
    26  /*Active link underline*/
    27  .navLinkActive::before {
    28    display: block;
    29    content: ' ';
    30    position: absolute;
    31    left: 0px;
    32    right: 0px;
    33    height: 4px;
    34    bottom: 6px;
    35    border-radius: 2px;
    36    background: var(--ps-blue-primary);
    37  }
    38  
    39  .settingsWrapper h1 {
    40    margin: 20px 30px;
    41  }
    42  
    43  .settingsWrapper h2 {
    44    margin-top: 0;
    45  }
    46  
    47  .settingsWrapper h4 {
    48    margin: 5px 0;
    49  }