chore: custom table sort

2024-07-16 18:13:34 +08:00
parent a27fa9d56c
commit b05595f84b
8 changed files with 127 additions and 18 deletions
@@ -1,4 +1,5 @@
 .table-header {
+  min-height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
@@ -8,16 +9,56 @@
  &-last {
    border-right: none;
  }
+
  &-cell {
    font-weight: 600;
  }
+
  &-left {
    justify-content: flex-start;
  }
+
  &-right {
    justify-content: flex-end;
  }
+
  &-center {
    justify-content: center;
  }
+
+  .sorter-header {
+    display: flex;
+    flex: 1;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+
+    .sorter {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-left: 4px;
+
+      .anticon {
+        font-size: 10px;
+        color: rgba(0, 0, 0, 29%);
+      }
+
+      .sorter-up {
+        margin-bottom: -0.125em;
+      }
+
+      .sorter-down {
+        margin-top: -0.125em;
+      }
+
+      .sorter-active {
+        color: var(--ant-color-primary);
+
+        .anticon {
+          color: var(--ant-color-primary);
+        }
+      }
+    }
+  }
 }