kafka-manager 2.0

kafka-manager-console/src/styles/custom-component.less

@@ -0,0 +1,23 @@
+
+.dropdown-menu {
+  background-color: #fff;
+  box-shadow: 0px 0px 4px 0px rgba(217, 217, 217);
+  border-radius: 4px;
+  font-size: 13px;
+
+  &.fix-height {
+    height: 200px;
+    overflow: scroll;
+  }
+
+  li {
+    text-align: center;
+    height: 32px;
+    line-height: 32px;
+    padding: 0px 20px;
+
+    &:hover {
+      background: rgba(236, 111, 38, 0.1);
+    }
+  }
+}

kafka-manager-console/src/styles/header-search.less

@@ -0,0 +1,40 @@
+.k-row {
+  width: 100%;
+  overflow: hidden;
+  position: relative;
+  .k-abs {
+    position: absolute;
+    top: 15px;
+  }
+  .k-tab {
+    width: 100%;
+    height: 48px;
+    line-height: 48px;
+    background: rgba(0, 0, 0, 0.02);
+    padding: 0px 24px;
+    font-size: 14px;
+    font-family: PingFangSC-Medium;
+    font-weight: 500;
+    color: rgba(0, 0, 0, 0.85);
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    .k-add {
+      position: absolute;
+      right: 250px;
+      margin-right: 30px;
+      cursor: pointer;
+      & > i {
+        margin-right: 5px;
+      }
+      span {
+        font-size: 12px;
+        color: #696262;
+      }
+    }
+    .k-tab-button {
+      position: absolute;
+      right: 230px;
+    }
+  }
+}

kafka-manager-console/src/styles/search-filter.less

@@ -0,0 +1,26 @@
+.table-operation-panel {
+  margin-bottom: 20px;
+  font-size: 12px;
+
+  li {
+    display: inline-block;
+    vertical-align: middle;
+    margin-right: 15px;
+
+    .ant-select {
+      width: 150px;
+    }
+
+    .ant-input-search {
+      width: 200px;
+    }
+
+    &.right-btn-1 {
+      float: right;
+    }
+  }
+
+  li:last-child {
+    margin-right: 0px;
+  }
+}

kafka-manager-console/src/styles/table-filter.less

@@ -0,0 +1,34 @@
+.content-container {
+  position: relative;
+
+  .table-operation {
+    a {
+      color: @primary-color;
+    }
+    a + a {
+      margin-left: 10px;
+    }
+  }
+
+  .float-content {
+    position: absolute;
+    top: 26px;
+    right: 24px;
+  }
+}
+.icon:hover {
+  position: relative;
+  .ant-checkbox-disabled {
+    &::after {
+      content: '';
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.65);
+      position: absolute;
+      padding: 8px 0px;
+      width: 60px;
+      border-radius: 4px;
+      top: -30px;
+      left: 1px;
+    }
+  }
+}

kafka-manager-console/src/styles/theme-dark.less

@@ -0,0 +1,3 @@
+@backgroud-color: 'gary';
+
+@primary-color: #4441eb;