🔖 项目重命名.

2024-05-16 00:03:30 +08:00
parent f7189e34cb
commit d3a045ec20
1511 changed files with 4199 additions and 4128 deletions
--- a/orion-visor-ui/src/assets/style/layout.less
+++ b/orion-visor-ui/src/assets/style/layout.less
@@ -0,0 +1,150 @@
+// -- container
+.layout-container {
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+// -- table-view
+.table-search-card {
+  width: 100%;
+  padding-top: 16px;
+  margin-bottom: 16px;
+
+  .arco-form-item {
+    margin-bottom: 0;
+  }
+}
+
+.table-left-bar-handle {
+  display: flex;
+  align-items: center;
+  justify-content: start;
+}
+
+.table-right-bar-handle {
+  display: flex;
+  align-items: center;
+  justify-content: end
+}
+
+.table-card {
+  width: 100%;
+
+  .arco-card-header {
+    padding: 8px 16px 0 16px;
+
+    .arco-card-header-title {
+      display: flex;
+      justify-content: space-between;
+
+      .table-title {
+        display: flex;
+        align-items: center;
+        font-size: 16px;
+        font-weight: 600;
+        margin-right: 16px;
+      }
+    }
+  }
+}
+
+.table-wrapper {
+  &-8 {
+    margin-top: 8px;
+  }
+
+  &-16 {
+    margin-top: 16px;
+  }
+}
+
+.table-handle-wrapper {
+  .arco-btn-text {
+    padding: 0 8px;
+  }
+}
+
+// -- modal
+.modal-form-small {
+  padding: 20px 20px 2px 20px;
+}
+
+.modal-form-medium {
+  padding: 20px 28px 4px 28px;
+}
+
+.modal-form-large {
+  padding: 24px 36px 4px 36px;
+}
+
+// -- card-view
+.card-list-item {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+  border: 1px solid var(--color-neutral-3);
+  transition-property: all;
+
+  & > .arco-card-header {
+    padding: 16px 16px 8px 16px;
+    border: none;
+
+    .arco-card-header-title {
+      font-size: 15px;
+    }
+  }
+
+  & > .arco-card-body {
+    padding: 0 16px 16px 16px;
+    flex-grow: 1;
+  }
+}
+
+.card-list-item:hover {
+  transform: translateY(-4px);
+  box-shadow: 2px 2px 12px rgba(0, 0, 0, .15);
+}
+
+.card-list-item-disabled {
+  pointer-events: none;
+  opacity: .5;
+  background: var(--color-bg-1);
+}
+
+.card-extra-icon {
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.card-filter-wrapper {
+  padding: 18px 24px;
+
+  .card-filter-form {
+    width: 320px;
+  }
+
+  .card-filter-container {
+    display: flex;
+    flex-direction: column;
+
+    .card-filter-footer {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+}
+
+.card-header-icon-wrapper {
+  height: 27px;
+  padding: 6px;
+  user-select: none;
+}
+
+// -- card
+.simple-card {
+  background: var(--color-bg-2);
+  border-radius: 4px;
+}