github.com/xxf098/lite-proxy@v0.15.1-0.20230422081941-12c69f323218/web/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 }