perf: global.less

src/global.less

@@ -299,3 +299,195 @@ body {
 }
 
 //left menu
+:global {
+  #micro-container {
+     // 图标向下偏移问题
+    .anticon {
+      vertical-align: 0.125em;
+    }
+    // 默认分页组件右对齐，总条数信息放左边
+    .ant-pagination {
+      display: flex;
+      flex-wrap: wrap;
+      grid-row-gap: 8px;
+      justify-content: flex-end;
+
+      .ant-pagination-total-text {
+        margin-left: 8px;
+        margin-right: auto;
+      }
+    }
+    // tab标签
+    .ant-tabs-tab {
+      margin:0 16px;
+      padding: 12px 20px;
+      font-size: 15px;
+      .ant-tabs-tab-btn {
+          font-weight: 600;
+      }
+    }
+        
+    div[css-scope='civ-monitor'] {
+      /*****webkit 滚动条*******/
+      // .wkt-scroll{
+      //   margin: 10px;
+      // }
+      .wkt-scroll::-webkit-scrollbar,
+      .wkt-scroll *::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+      }
+
+      .wkt-scroll::-webkit-scrollbar-track,
+      .wkt-scroll *::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
+        box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
+        border-radius: 10px;
+      }
+
+      .wkt-scroll::-webkit-scrollbar-thumb,
+      .wkt-scroll *::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        background: rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
+        box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
+      }
+
+      .wkt-scroll-light::-webkit-scrollbar,
+      .wkt-scroll-light *::-webkit-scrollbar {
+        width: 8px;
+        height: 8px;
+      }
+
+      .wkt-scroll-light::-webkit-scrollbar-track,
+      .wkt-scroll-light *::-webkit-scrollbar-track {
+        -webkit-box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
+        box-shadow: inset 0 0 8px rgba(193, 193, 193, 0.45);
+        border-radius: 10px;
+      }
+
+      .wkt-scroll-light::-webkit-scrollbar-thumb,
+      .wkt-scroll-light *::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        background: rgba(0, 0, 0, 0.1);
+        -webkit-box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
+        box-shadow: inset 0 0 8px rgba(177, 177, 177, 0.5);
+      }
+
+      .wkt-scroll-null::-webkit-scrollbar,
+      .wkt-scroll-null *::-webkit-scrollbar {
+        width: 0px;
+        height: 0px;
+      }
+    }
+    //left menu
+
+    //iconfont 引入
+    .noWrap{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .btn {
+      background: #1890ff;
+      border-color: #1890ff;
+      box-shadow: 0 2px 0 rgb(0 0 0 / 5%);
+      color: #fff;
+      border: 1px solid #d9d9d9;
+      border-radius: 2px;
+      cursor: pointer;
+      display: inline-block;
+      font-size: 14px;
+      font-weight: 400;
+      height: 32px;
+      line-height: 1.5715;
+      padding: 4px 15px;
+      position: relative;
+      text-align: center;
+      touch-action: manipulation;
+      transition: all .3s cubic-bezier(.645,.045,.355,1);
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      user-select: none;
+      white-space: nowrap;
+    }
+    .btn-l{
+      border-radius: 2px;
+      font-size: 16px;
+      height: 40px;
+      padding: 6.4px 15px;
+    }
+    .btn-s{
+      border-radius: 2px;
+      font-size: 14px;
+      height: 24px;
+      padding: 0 7px;
+    }
+    .btn-white{
+      color: rgba(0,0,0,.85);
+      box-shadow: 0 2px 0 rgb(0 0 0 / 2%);
+      border: 1px solid #d9d9d9;
+      background: #fff;
+    }
+    .btn-red{
+      background: #ff7875;
+      border-color: #ff7875;
+      color: #fff;
+    }
+    .btn-normal-v1{
+      .btn()
+    }
+    .btn-large-v1{
+      .btn();
+      .btn-l();
+    }
+    .btn-small-v1{
+      .btn();
+      .btn-s();
+    }
+    .btn-normal-white-v1{
+      .btn();
+      .btn-white();
+    }
+    .btn-large-white-v1{
+      .btn();
+      .btn-white();
+      .btn-l();
+    }
+    .btn-small-white-v1{
+      .btn();
+      .btn-white();
+      .btn-s();
+    }
+    .btn-normal-red-v1{
+      .btn();
+      .btn-red();
+    }
+    .btn-large-red-v1{
+      .btn();
+      .btn-red();
+      .btn-l();
+    }
+    .btn-small-red-v1{
+      .btn();
+      .btn-red();
+      .btn-s();
+    }
+  }
+  
+}
+@font-face {
+  font-family: 'iconfont';
+  src: url('//at.alicdn.com/t/font_2542433_6hxux7xyh1.woff2?t=1620791160444') format('woff2'),
+       url('//at.alicdn.com/t/font_2542433_6hxux7xyh1.woff?t=1620791160444') format('woff'),
+       url('//at.alicdn.com/t/font_2542433_6hxux7xyh1.ttf?t=1620791160444') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
\ No newline at end of file