github.com/laof/lite-speed-test@v0.0.0-20230930011949-1f39b7037845/web/gui/style.css (about)

     1  .el-scrollbar__wrap {
     2      overflow-x: hidden!important;
     3  }
     4  
     5  .truncate_remark {
     6      width: 330px;
     7      white-space: nowrap;
     8      overflow: hidden;
     9      text-overflow: ellipsis;   
    10  }
    11  
    12  .dashboard {
    13      display: flex;
    14      flex-direction: column;
    15      gap: 12px;
    16      position: fixed;
    17      top: 68px;
    18      right: 4.5%;
    19      width: 22%;
    20      z-index: 1000;
    21      transition: all 0.5s;
    22  }
    23  
    24  .dashboard.collapsed {
    25      width: 6%;
    26  }
    27  
    28  /* .dashboard .progress:hover,
    29  .dashboard .category:hover {
    30      transform: scale(1.05);
    31      transition: 0.2s;
    32  } */
    33  
    34  .dashboard .progress {
    35      position: relative;
    36  }
    37  
    38  .dashboard  .icon {
    39      position: absolute;
    40      top: 50%;
    41      transform: translate(-50%, 100%);
    42      left: 0px;
    43      z-index: 9999;
    44  
    45  }
    46  
    47  .dashboard .icon i {
    48      font-size: 30px;
    49      padding: 10x;
    50      border-radius: 50%;
    51      text-align: center;
    52      box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    53  }
    54  
    55  .dashboard .icon:hover i {
    56      color: #66b1ff;
    57  }
    58  
    59  .dashboard .progress .progress-bar {
    60      position: absolute;
    61      top: 0;
    62      left: 0;
    63      height: 100%;
    64      width: 0%;
    65      background-color: #66b1ff;
    66  }
    67  
    68  .dashboard .progress div {
    69      z-index: 1;
    70  }
    71  
    72  .dashboard .progress .progress-inner {
    73      display: flex;
    74      justify-content: space-between;
    75  }
    76  
    77  
    78  .dashboard .progress .progress-inner i,
    79  .dashboard .traffic i,
    80  .dashboard .time i {
    81      position: absolute;
    82      top: 50%;
    83      right: 20px;
    84      transform: translateY(-50%);
    85      font-size: 1.8rem;
    86      font-weight: 500;
    87      z-index: 1;
    88  }
    89  
    90  .progress-item div,
    91  .dashboard .traffic div,
    92  .dashboard .time div {
    93      color: #555;
    94  }
    95  
    96  .progress-item span,
    97  .dashboard .traffic span,
    98  .dashboard .time span {
    99      font-size: 1.5rem;
   100      font-weight: bolder;
   101      color: black;
   102  }
   103  
   104  .dashboard ul {
   105      display: flex;
   106      list-style: none;
   107      justify-content: space-between;
   108      padding: 0;
   109      margin: 0;
   110  }
   111  
   112  .dashboard ul li {
   113      padding: 0;
   114      margin: 0;
   115  }
   116  
   117  .dashboard ul li div {
   118      margin-bottom: 4px;
   119      color: #666;
   120  }
   121  
   122  .dashboard ul li span {
   123      font-size: 1.5rem;
   124      font-weight: bolder;
   125      color: black;
   126  }