aldehyde 0.2.480 → 0.2.481

package/lib/layout4/css/header.less

@@ -1,197 +1,197 @@
-.v4-layout-header {
-  padding: 0;
-  color: #ffffff;
-  position: relative;
-  height: auto;
-  background: #001325;
-  margin-bottom: 12px;
-
-  .header-top {
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    background-position: center;
-    width: 100%;
-    height: 3.75vw;
-    padding: 0 0.73vw;
-    max-height: 100px;
-    background-color: #001325;
-    border: none;
-    display: flex;
-    justify-content: space-between;
-
-    .header-title {
-      font-family: YouSheBiaoTiHei;
-      line-height: clamp(40px, 3.75vw, 90px);
-      width: 21vw;
-      min-width: 268px;
-      height: 100%;
-      text-align: justify;
-      font-style: normal;
-      text-transform: none;
-      color: #ffffff;
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 12%;
-        max-width: 80px;
-        margin-right: 4%;
-      }
-
-      .header-title-icon {
-        margin-right: 4%;
-        max-width: 80px;
-        font-size: clamp(12px, 1.6vw, 80px);
-        animation: animation-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-        color: #00D2FF;
-        padding: 4px;
-        border: 1px solid #00D2FF;
-        border-radius: 15%;
-      }
-
-      .header-title-text {
-        width: 86%;
-        font-size: clamp(20px, 2.2vw, 80px);
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
-      }
-
-      @supports (background-clip: text) or (-webkit-background-clip: text) {
-        .header-title-text {
-          background-image: linear-gradient(to right, #22d3ee, #c084fc);
-          -webkit-background-clip: text;
-          background-clip: text;
-          color: transparent;
-        }
-      }
-    }
-
-    .header-right {
-      line-height: clamp(40px, 3.75vw, 100px);
-      height: 95%;
-      width: 18vw;
-      min-width: 230px;
-      padding-right: 12px;
-      text-align: right;
-      overflow: hidden;
-
-      .ant-space {
-        height: 100%;
-      }
-
-      .message-bar {
-        min-width: 0;
-
-        svg {
-          color: var(--ant-color-primary);
-        }
-      }
-
-      .message-bar:hover {
-        background: transparent;
-      }
-
-      .header-user {
-        button .ant-btn-icon {
-          margin-top: 4px;
-        }
-
-        .userButton {
-          cursor: pointer;
-          width: 4vw;
-          min-width: 45px;
-          max-width: 100px;
-        }
-      }
-    }
-  }
-
-  .header-nav {
-    display: flex;
-    justify-content: start;
-    width: 61vw;
-    min-width: 780px;
-    min-height: 50px;
-    padding-left: 1%;
-
-    .ant-menu-submenu-selected::after,
-    .ant-menu-submenu:hover::after,
-    .ant-menu-submenu-open::after,
-    .ant-menu-submenu::after {
-      border-bottom: none !important;
-    }
-
-    .menu-disabled {
-      cursor: not-allowed;
-    }
-
-    .menu-item {
-      position: relative;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      cursor: pointer;
-      font-size: clamp(12px, 1.1vw, 42px);
-      font-family: YouSheBiaoTiHei;
-      color: #bec8d6;
-      padding: 0 1.5vw;
-      height: 3.28vw;
-      max-height: 88px;
-      min-height: 42px;
-    }
-
-    .menu-icon {
-      font-size: clamp(10px, 0.9vw, 32px);
-      font-family: YouSheBiaoTiHei;
-      color: #bec8d6;
-    }
-
-    .ant-menu-overflow-item {
-      padding: 0;
-      position: relative;
-    }
-
-    .ant-menu-overflow-item:not(:nth-last-child(-n+2))::before {
-      position: absolute;
-      top: clamp(0px, 0.3125vw, 12px);
-      right: 0;
-      width: 1px;
-      height: 2.55208vw;
-      min-height: 33px;
-      max-height: 72px;
-      border-right: 0.10417vw solid;
-      border-width: clamp(1px, 0.10417vw, 3px);
-      border-image: linear-gradient(180deg, rgba(12, 14, 29, 0), #1e415e, #2a658c, #1c3c57, rgba(12, 14, 29, 0)) 2 2;
-      content: " ";
-      animation: animation-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
-    }
-
-    .menu-item-selected {
-      color: var(--ant-menu-item-selected-color);
-      background-size: 100% 100%;
-
-      .menu-icon {
-        color: var(--ant-menu-item-selected-color);
-      }
-    }
-
-    .anticon-ellipsis {
-      padding: 0 12px;
-    }
-
-    .ant-menu-overflow-item-rest {
-      height: 3.28vw;
-      max-height: 90px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-
-@keyframes animation-pulse {
-  50% {
-    opacity: 0.5
-  }
+.v4-layout-header {
+  padding: 0;
+  color: #ffffff;
+  position: relative;
+  height: auto;
+  background: #001325;
+  margin-bottom: 12px;
+
+  .header-top {
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    width: 100%;
+    height: 3.75vw;
+    padding: 0 0.73vw;
+    max-height: 100px;
+    background-color: #001325;
+    border: none;
+    display: flex;
+    justify-content: space-between;
+
+    .header-title {
+      font-family: YouSheBiaoTiHei;
+      line-height: clamp(40px, 3.75vw, 90px);
+      width: 21vw;
+      min-width: 268px;
+      height: 100%;
+      text-align: justify;
+      font-style: normal;
+      text-transform: none;
+      color: #ffffff;
+      display: flex;
+      align-items: center;
+
+      img {
+        width: 12%;
+        max-width: 80px;
+        margin-right: 4%;
+      }
+
+      .header-title-icon {
+        margin-right: 4%;
+        max-width: 80px;
+        font-size: clamp(12px, 1.6vw, 80px);
+        animation: animation-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+        color: #00D2FF;
+        padding: 4px;
+        border: 1px solid #00D2FF;
+        border-radius: 15%;
+      }
+
+      .header-title-text {
+        width: 86%;
+        font-size: clamp(20px, 2.2vw, 80px);
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+      }
+
+      @supports (background-clip: text) or (-webkit-background-clip: text) {
+        .header-title-text {
+          background-image: linear-gradient(to right, #22d3ee, #c084fc);
+          -webkit-background-clip: text;
+          background-clip: text;
+          color: transparent;
+        }
+      }
+    }
+
+    .header-right {
+      line-height: clamp(40px, 3.75vw, 100px);
+      height: 95%;
+      width: 18vw;
+      min-width: 230px;
+      padding-right: 12px;
+      text-align: right;
+      overflow: hidden;
+
+      .ant-space {
+        height: 100%;
+      }
+
+      .message-bar {
+        min-width: 0;
+
+        svg {
+          color: var(--ant-color-primary);
+        }
+      }
+
+      .message-bar:hover {
+        background: transparent;
+      }
+
+      .header-user {
+        button .ant-btn-icon {
+          margin-top: 4px;
+        }
+
+        .userButton {
+          cursor: pointer;
+          width: 4vw;
+          min-width: 45px;
+          max-width: 100px;
+        }
+      }
+    }
+  }
+
+  .header-nav {
+    display: flex;
+    justify-content: start;
+    width: 61vw;
+    min-width: 780px;
+    min-height: 50px;
+    padding-left: 1%;
+
+    .ant-menu-submenu-selected::after,
+    .ant-menu-submenu:hover::after,
+    .ant-menu-submenu-open::after,
+    .ant-menu-submenu::after {
+      border-bottom: none !important;
+    }
+
+    .menu-disabled {
+      cursor: not-allowed;
+    }
+
+    .menu-item {
+      position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      font-size: clamp(12px, 1.1vw, 42px);
+      font-family: YouSheBiaoTiHei;
+      color: #bec8d6;
+      padding: 0 1.5vw;
+      height: 3.28vw;
+      max-height: 88px;
+      min-height: 42px;
+    }
+
+    .menu-icon {
+      font-size: clamp(10px, 0.9vw, 32px);
+      font-family: YouSheBiaoTiHei;
+      color: #bec8d6;
+    }
+
+    .ant-menu-overflow-item {
+      padding: 0;
+      position: relative;
+    }
+
+    .ant-menu-overflow-item:not(:nth-last-child(-n+2))::before {
+      position: absolute;
+      top: clamp(0px, 0.3125vw, 12px);
+      right: 0;
+      width: 1px;
+      height: 2.55208vw;
+      min-height: 33px;
+      max-height: 72px;
+      border-right: 0.10417vw solid;
+      border-width: clamp(1px, 0.10417vw, 3px);
+      border-image: linear-gradient(180deg, rgba(12, 14, 29, 0), #1e415e, #2a658c, #1c3c57, rgba(12, 14, 29, 0)) 2 2;
+      content: " ";
+      animation: animation-pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
+    }
+
+    .menu-item-selected {
+      color: var(--ant-menu-item-selected-color);
+      background-size: 100% 100%;
+
+      .menu-icon {
+        color: var(--ant-menu-item-selected-color);
+      }
+    }
+
+    .anticon-ellipsis {
+      padding: 0 12px;
+    }
+
+    .ant-menu-overflow-item-rest {
+      height: 3.28vw;
+      max-height: 90px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+
+@keyframes animation-pulse {
+  50% {
+    opacity: 0.5
+  }
 }

package/lib/layout4/css/main.less

@@ -1,155 +1,155 @@
-.v4-main {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  min-width: 1280px;
-  overflow-x: auto;
-
-  .ant-layout {
-    background: var(--ant-layout-body-bg) !important;
-  }
-
-  .act-table-title {
-    font-family: YouSheBiaoTiHei;
-    background: linear-gradient(180deg, #FFFFFF 0%, #90DEFF 100%);
-    -webkit-background-clip: text;
-    background-clip: text;
-    -webkit-text-fill-color: transparent;
-    font-size: 20px;
-  }
-
-  .ant-drawer,
-  .ant-modal-content,
-  .ant-modal-container {
-
-    .ant-card-head {
-      background: transparent !important;
-    }
-
-    .ant-layout {
-      background: #001325 !important;
-    }
-  }
-
-  .ant-menu-submenu-popup {
-    .menu-item-selected {
-      background: transparent !important;
-    }
-
-    .ant-menu-submenu-title a {
-      color: #bec8d6
-    }
-
-    .ant-menu-submenu-selected a {
-      color: var(--ant-color-primary)
-    }
-  }
-
-  .ant-table-tbody,
-  .ant-table-summary {
-    .ant-table-cell:has(.xiaoji) {
-      background-color: var(--color-5) !important;
-    }
-
-    .ant-table-cell:has(.heji) {
-      background-color: var(--color-8) !important;
-    }
-
-    .xiaoji {
-      background-color: var(--color-5) !important;
-    }
-
-    .heji {
-      background-color: var(--color-8) !important;
-    }
-  }
-
-
-  .card-list {
-    .card-list-item {
-      background: linear-gradient(180deg, #1668dc 0%, #00193D 100%);
-      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4969), inset 0px 0px 12px 0px #32C5FF;
-    }
-
-    .card-list-item-main {
-      background-color: #041C3A;
-
-      .card-show-cols {
-        background-color: #071034;
-      }
-
-      .card-show-col-title {
-        color: #A6E6FF;
-      }
-
-      .card-show-col-value {
-        color: #F7B500;
-      }
-    }
-  }
-
-  /* selectTable 弹窗样式 */
-  .ant-popover-inner-content,
-  .ant-popover-content {
-    .select-table-popover {
-      background-color: #001325 !important;
-      border-color: #15325b !important;
-    }
-  }
-}
-
-.v4-antd-table {
-  .ant-table-css-var {
-    --ant-table-border-color: #15325b;
-  }
-
-  .ant-table {
-    background: transparent;
-    scrollbar-color: var(--ant-table-header-bg) transparent;
-  }
-
-  .ant-table-tbody .ant-table-cell {
-    background: var(--ant-color-bg-base) !important;
-  }
-}
-
-.v4-antd-drawer,
-.v4-antd-modal {
-  .ant-table-css-var {
-    --ant-table-border-color: #05449a;
-  }
-}
-
-.v4-antd-modal {
-
-  .ant-modal-content,
-  .ant-modal-container {
-    background: var(--ant-color-bg-base) !important;
-    border: 1px solid var(--ant-color-border-secondary) !important;
-  }
-
-  .ant-modal-header {
-    background: transparent;
-  }
-}
-
-.v4-antd-drawer {
-  background: var(--ant-color-bg-base) !important;
-  border: 2px solid var(--ant-color-border-secondary) !important;
-}
-
-.v4-antd-card {
-  background: transparent;
-
-  .ant-card-head {
-    background: var(--ant-color-bg-container) !important;
-  }
-
-  .ant-card-body {
-    background: transparent;
-  }
-}
-
-.v4-antd-card:hover {
-  border-color: var(--ant-color-border-secondary);
+.v4-main {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  min-width: 1280px;
+  overflow-x: auto;
+
+  .ant-layout {
+    background: var(--ant-layout-body-bg) !important;
+  }
+
+  .act-table-title {
+    font-family: YouSheBiaoTiHei;
+    background: linear-gradient(180deg, #FFFFFF 0%, #90DEFF 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    font-size: 20px;
+  }
+
+  .ant-drawer,
+  .ant-modal-content,
+  .ant-modal-container {
+
+    .ant-card-head {
+      background: transparent !important;
+    }
+
+    .ant-layout {
+      background: #001325 !important;
+    }
+  }
+
+  .ant-menu-submenu-popup {
+    .menu-item-selected {
+      background: transparent !important;
+    }
+
+    .ant-menu-submenu-title a {
+      color: #bec8d6
+    }
+
+    .ant-menu-submenu-selected a {
+      color: var(--ant-color-primary)
+    }
+  }
+
+  .ant-table-tbody,
+  .ant-table-summary {
+    .ant-table-cell:has(.xiaoji) {
+      background-color: var(--color-5) !important;
+    }
+
+    .ant-table-cell:has(.heji) {
+      background-color: var(--color-8) !important;
+    }
+
+    .xiaoji {
+      background-color: var(--color-5) !important;
+    }
+
+    .heji {
+      background-color: var(--color-8) !important;
+    }
+  }
+
+
+  .card-list {
+    .card-list-item {
+      background: linear-gradient(180deg, #1668dc 0%, #00193D 100%);
+      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4969), inset 0px 0px 12px 0px #32C5FF;
+    }
+
+    .card-list-item-main {
+      background-color: #041C3A;
+
+      .card-show-cols {
+        background-color: #071034;
+      }
+
+      .card-show-col-title {
+        color: #A6E6FF;
+      }
+
+      .card-show-col-value {
+        color: #F7B500;
+      }
+    }
+  }
+
+  /* selectTable 弹窗样式 */
+  .ant-popover-inner-content,
+  .ant-popover-content {
+    .select-table-popover {
+      background-color: #001325 !important;
+      border-color: #15325b !important;
+    }
+  }
+}
+
+.v4-antd-table {
+  .ant-table-css-var {
+    --ant-table-border-color: #15325b;
+  }
+
+  .ant-table {
+    background: transparent;
+    scrollbar-color: var(--ant-table-header-bg) transparent;
+  }
+
+  .ant-table-tbody .ant-table-cell {
+    background: var(--ant-color-bg-base) !important;
+  }
+}
+
+.v4-antd-drawer,
+.v4-antd-modal {
+  .ant-table-css-var {
+    --ant-table-border-color: #05449a;
+  }
+}
+
+.v4-antd-modal {
+
+  .ant-modal-content,
+  .ant-modal-container {
+    background: var(--ant-color-bg-base) !important;
+    border: 1px solid var(--ant-color-border-secondary) !important;
+  }
+
+  .ant-modal-header {
+    background: transparent;
+  }
+}
+
+.v4-antd-drawer {
+  background: var(--ant-color-bg-base) !important;
+  border: 2px solid var(--ant-color-border-secondary) !important;
+}
+
+.v4-antd-card {
+  background: transparent;
+
+  .ant-card-head {
+    background: var(--ant-color-bg-container) !important;
+  }
+
+  .ant-card-body {
+    background: transparent;
+  }
+}
+
+.v4-antd-card:hover {
+  border-color: var(--ant-color-border-secondary);
 }