@cloudtower/eagle 0.26.7 → 0.26.9

package/dist/components.css

@@ -98,168 +98,117 @@
 /*  box shadow   */
 /*  fisheye   */
 .loading {
+  width: 64px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   position: relative;
-  display: inline-block;
-  opacity: 0;
-  animation-name: fadeIn;
-  /*
-    animation-delay: 0.4s; //FIXME: use a more accurate way to make this happen
-  */
-  animation-fill-mode: forwards;
-  line-height: 23.49px;
-  width: 42.6214285714px;
 }
 
-.loading__sugar {
-  display: inline-block;
-  position: relative;
-  vertical-align: middle;
-}
-.loading__sugar:before, .loading__sugar:after {
-  content: "";
-  display: inline-block;
-  width: 4.05px;
-  height: 4.05px;
-  border-radius: 50%;
+.loading-indicator__line1 {
   position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 9.33px;
+  top: 40.5px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-128deg);
+  transform-origin: top left;
+  animation: loading-indicator1 1100ms ease-out infinite;
 }
-.loading__sugar:not(:last-child) {
-  margin-right: 6.4285714286px;
-}
-.loading__sugar:nth-child(1) {
-  animation-delay: -1.869s;
-}
-.loading__sugar:nth-child(1):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -1.869s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(1):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -1.869s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(2) {
-  animation-delay: -3.738s;
-}
-.loading__sugar:nth-child(2):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -3.738s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(2):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -3.738s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(3) {
-  animation-delay: -5.607s;
-}
-.loading__sugar:nth-child(3):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -5.607s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(3):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -5.607s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(4) {
-  animation-delay: -7.476s;
-}
-.loading__sugar:nth-child(4):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -7.476s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(4):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -7.476s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(5) {
-  animation-delay: -9.345s;
-}
-.loading__sugar:nth-child(5):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -9.345s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(5):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -9.345s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(6) {
-  animation-delay: -11.214s;
-}
-.loading__sugar:nth-child(6):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -11.214s;
-  background-color: #0096ff;
-}
-.loading__sugar:nth-child(6):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -11.214s;
-  background-color: #25c764;
-}
-.loading__sugar:nth-child(7) {
-  animation-delay: -13.083s;
-}
-.loading__sugar:nth-child(7):before {
-  animation: animBefore 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -13.083s;
-  background-color: #0096ff;
+
+.loading-indicator__line2 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 40.8px;
+  top: 8.4px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(-8deg);
+  transform-origin: top left;
+  animation: loading-indicator2 1100ms ease-out infinite;
 }
-.loading__sugar:nth-child(7):after {
-  animation: animAfter 2.1s cubic-bezier(0.42, 0, 0.58, 1) infinite;
-  animation-delay: -13.083s;
-  background-color: #25c764;
+
+.loading-indicator__line3 {
+  position: absolute;
+  width: 5px;
+  height: 48px;
+  left: 52.9px;
+  top: 51.8px;
+  background: linear-gradient(180deg, #0080FF 0%, rgba(0, 128, 255, 0.16) 100%);
+  border-radius: 5px;
+  transform: rotate(112deg);
+  transform-origin: top left;
+  animation: loading-indicator3 1100ms ease-out infinite;
 }
 
-@keyframes animBefore {
+@keyframes loading-indicator1 {
   0% {
-    transform: translate3d(0, -10.125px, 1px);
-  }
-  25% {
-    transform: scale(1.2), translateZ(1px);
+    height: 48px;
+    left: 9.33px;
+    top: 40.5px;
   }
   50% {
-    transform: translate3d(0, 6.075px, -1px);
+    height: 5px;
+    left: 9.33px;
+    top: 40.5px;
   }
-  75% {
-    background-color: #e6f5ff;
-    transform: scale(0.8), translateZ(-1px);
+  51% {
+    height: 5px;
+    left: 43.2px;
+    top: 14.02px;
   }
   100% {
-    transform: translate3d(0, -10.125px, -1px);
+    height: 48px;
+    left: 9.33px;
+    top: 40.5px;
   }
 }
-@keyframes animAfter {
+@keyframes loading-indicator2 {
   0% {
-    transform: translate3d(0, 6.075px, -1px);
-  }
-  25% {
-    background-color: #e9f9f0;
-    transform: scale(0.8), translateZ(-1px);
+    height: 48px;
+    left: 40.8px;
+    top: 8.4px;
   }
   50% {
-    transform: translate3d(0, -10.125px, 1px);
+    height: 5px;
+    left: 40.8px;
+    top: 8.4px;
   }
-  75% {
-    transform: scale(1.2), translateZ(1px);
+  51% {
+    height: 5px;
+    left: 46.8px;
+    top: 51px;
   }
   100% {
-    transform: translate3d(0, 6.075px, 1px);
+    height: 48px;
+    left: 40.8px;
+    top: 8.4px;
   }
 }
-@keyframes fadeIn {
-  from {
-    opacity: 0;
+@keyframes loading-indicator3 {
+  0% {
+    height: 48px;
+    left: 52.9px;
+    top: 51.8px;
   }
-  to {
-    opacity: 1;
+  50% {
+    height: 5px;
+    left: 52.9px;
+    top: 51.8px;
+  }
+  51% {
+    height: 5px;
+    left: 13px;
+    top: 35.7px;
+  }
+  100% {
+    height: 48px;
+    left: 52.9px;
+    top: 51.8px;
   }
 }
 /* // basic */
@@ -1063,7 +1012,7 @@ p {
 .ant-alert .ant-alert-icon {
   position: static;
   height: 18px;
-  margin-right: 10px;
+  margin-right: 8px;
 }
 .ant-alert .ant-alert-close-icon {
   position: initial;
@@ -1102,6 +1051,10 @@ p {
   color: #005ed1;
 }
 
+.ant-alert-info.action:not(.alert-normal) .ant-alert-message {
+  color: #00122e;
+}
+
 .alert-normal {
   background: rgba(225, 230, 241, 0.6);
 }
@@ -1330,6 +1283,66 @@ td .ant-btn-link {
   filter: drop-shadow(0px 0px 0px 4px rgba(255, 74, 74, 0.16));
 }
 
+.ant-tag {
+  border: none;
+  border-radius: 4px;
+  display: inline-flex;
+  align-items: center;
+}
+.ant-tag:hover {
+  opacity: unset;
+}
+.ant-tag.ant-tag-red {
+  color: #f0483e;
+  background-color: rgba(255, 74, 74, 0.1);
+}
+.ant-tag.ant-tag-red.tag-hover:hover, .ant-tag.ant-tag-red.__pseudo-states-hover {
+  background-color: rgba(255, 74, 74, 0.16);
+}
+.ant-tag.ant-tag-red-ontint {
+  color: #ff5252;
+  background-color: rgba(255, 74, 74, 0.2);
+}
+.ant-tag.ant-tag-yellow {
+  color: #e07f00;
+  background-color: rgba(255, 187, 0, 0.1);
+}
+.ant-tag.ant-tag-yellow.tag-hover:hover, .ant-tag.ant-tag-yellow.__pseudo-states-hover {
+  background-color: rgba(255, 187, 0, 0.16);
+}
+.ant-tag.ant-tag-green {
+  color: #008f4c;
+  background-color: rgba(30, 201, 127, 0.1);
+}
+.ant-tag.ant-tag-green.tag-hover:hover, .ant-tag.ant-tag-green.__pseudo-states-hover {
+  background-color: rgba(30, 201, 127, 0.16);
+}
+.ant-tag.ant-tag-green-ontint {
+  color: #23cf6d;
+  background-color: rgba(30, 201, 127, 0.2);
+}
+.ant-tag.ant-tag-blue {
+  color: #0080ff;
+  background-color: rgba(0, 136, 255, 0.1);
+}
+.ant-tag.ant-tag-blue.tag-hover:hover, .ant-tag.ant-tag-blue.__pseudo-states-hover {
+  background-color: rgba(0, 136, 255, 0.16);
+}
+.ant-tag.ant-tag-purple {
+  color: rgb(126, 65, 255);
+  background-color: rgba(126, 65, 255, 0.1);
+}
+.ant-tag.ant-tag-purple.tag-hover:hover, .ant-tag.ant-tag-purple.__pseudo-states-hover {
+  background-color: rgba(126, 65, 255, 0.16);
+}
+.ant-tag.ant-tag-gray {
+  color: #1d326c;
+  background-color: rgba(225, 230, 241, 0.6);
+}
+.ant-tag.ant-tag-gray.tag-hover:hover, .ant-tag.ant-tag-gray.__pseudo-states-hover {
+  background-color: rgba(211, 218, 235, 0.6);
+}
+
 @media screen and (min-width: 1280px) {
   .cluster-topo-wrapper .panel-content > .rack-topo-wrapper,
   .cluster-topo-wrapper .panel-content > .brick-topo-wrapper {
@@ -3245,6 +3258,87 @@ input.rrg1fkn.ant-input {
   background: #fff;
 }
 
+.s1fc623g {
+  width: 430px !important;
+}
+
+.da3mx0o .ant-select-item-group {
+  padding: 8px 16px;
+  line-height: 18px;
+  border-top: 1px solid rgba(211, 218, 235, 0.6);
+  height: 34px;
+  min-height: 34px;
+  box-sizing: border-box;
+  margin-top: 8px;
+}
+
+.onr9gzt {
+  display: flex;
+  flex-direction: column;
+  margin: 1px 8px;
+  padding: 8px;
+  border-radius: 4px;
+}
+.onr9gzt .selected-icon {
+  display: none;
+}
+.onr9gzt.ant-select-item-option-grouped {
+  padding-left: 8px;
+}
+.onr9gzt.ant-select-item-option-selected {
+  background-color: white;
+}
+.onr9gzt.ant-select-item-option-selected .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-selected .selected-icon {
+  display: block;
+}
+.onr9gzt.ant-select-item-option-active {
+  background: rgba(0, 136, 255, 0.16);
+}
+.onr9gzt.ant-select-item-option-active .timezone-title {
+  color: #0080ff;
+}
+.onr9gzt.ant-select-item-option-active .timezone-tag {
+  background: rgba(0, 136, 255, 0.1);
+  color: #0080ff;
+}
+
+.oiy0apc {
+  display: flex;
+  justify-content: space-between;
+  height: 20px;
+  line-height: 20px;
+}
+.oiy0apc .timezone-title {
+  color: #2d3a56;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.of4y382 {
+  display: flex;
+  justify-content: space-between;
+  color: rgba(44, 56, 82, 0.6);
+  height: 18px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+
+.t19903l9 {
+  border: none;
+  margin-right: 0;
+  background: rgba(225, 230, 241, 0.6);
+}
+
+.ohwbvxu {
+  pointer-events: none;
+  height: 32px;
+  width: 100%;
+  opacity: 0;
+}
+
 .i1e4sgug {
   display: inline-block;
 }
@@ -3724,85 +3818,17 @@ input.rrg1fkn.ant-input {
   line-height: 12px;
 }
 
-.s1fc623g {
-  width: 430px !important;
-}
-
-.da3mx0o .ant-select-item-group {
-  padding: 8px 16px;
-  line-height: 18px;
-  border-top: 1px solid rgba(211, 218, 235, 0.6);
-  height: 34px;
-  min-height: 34px;
-  box-sizing: border-box;
-  margin-top: 8px;
-}
-
-.onr9gzt {
-  display: flex;
-  flex-direction: column;
-  margin: 1px 8px;
-  padding: 8px;
-  border-radius: 4px;
-}
-.onr9gzt .selected-icon {
-  display: none;
-}
-.onr9gzt.ant-select-item-option-grouped {
-  padding-left: 8px;
-}
-.onr9gzt.ant-select-item-option-selected {
-  background-color: white;
-}
-.onr9gzt.ant-select-item-option-selected .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-selected .selected-icon {
-  display: block;
-}
-.onr9gzt.ant-select-item-option-active {
-  background: rgba(0, 136, 255, 0.16);
-}
-.onr9gzt.ant-select-item-option-active .timezone-title {
-  color: #0080ff;
-}
-.onr9gzt.ant-select-item-option-active .timezone-tag {
-  background: rgba(0, 136, 255, 0.1);
-  color: #0080ff;
-}
-
-.oiy0apc {
+.m15dvk92 {
   display: flex;
   justify-content: space-between;
-  height: 20px;
-  line-height: 20px;
-}
-.oiy0apc .timezone-title {
-  color: #2d3a56;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.of4y382 {
-  display: flex;
-  justify-content: space-between;
-  color: rgba(44, 56, 82, 0.6);
-  height: 18px;
-  line-height: 18px;
-  margin-top: 2px;
+  width: 100%;
 }
-
-.t19903l9 {
-  border: none;
-  margin-right: 0;
-  background: rgba(225, 230, 241, 0.6);
+.m15dvk92 .action {
+  margin-left: 16px;
 }
 
-.ohwbvxu {
-  pointer-events: none;
-  height: 32px;
+.aql8iqz .ant-alert-message {
   width: 100%;
-  opacity: 0;
 }
 
 .c198s9j3 {
@@ -4209,6 +4235,59 @@ input.rrg1fkn.ant-input {
   background: rgba(163, 180, 204, 0.18);
 }
 
+.c1k4vanq {
+  padding: 0 16px 14px 16px;
+}
+
+.c1udgdh2 {
+  color: #2d3a56;
+  padding: 12px 16px 10px 16px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.c1udgdh2.has-arrow {
+  padding-left: 10px;
+}
+.c1udgdh2.has-arrow .title-wrapper {
+  cursor: pointer;
+  color: #00122e;
+}
+.c1udgdh2.has-arrow .title-wrapper.is-open {
+  color: #2d3a56;
+  font-weight: 600;
+}
+.c1udgdh2.has-arrow .title-wrapper.is-open .collapse-arrow {
+  transform: rotate(90deg);
+}
+.c1udgdh2 .sub-info {
+  font-size: 12px;
+  line-height: 18px;
+}
+.c1udgdh2 .title-wrapper {
+  display: flex;
+  align-items: center;
+  user-select: none;
+  flex-grow: 1;
+  font-size: 12px;
+  line-height: 18px;
+  color: #2d3a56;
+  font-weight: 700;
+}
+.c1udgdh2 .collapse-arrow {
+  transition: all 50ms ease-out 0ms;
+  margin-right: 2px;
+}
+
+.bab9xum {
+  box-shadow: 0px 0.119595px 0.438513px rgba(129, 138, 153, 0.14), 0px 0.271728px 0.996336px rgba(129, 138, 153, 0.106447), 0px 0.472931px 1.73408px rgba(129, 138, 153, 0.0912224), 0px 0.751293px 2.75474px rgba(129, 138, 153, 0.0799253), 0px 1.15919px 4.25036px rgba(129, 138, 153, 0.07), 0px 1.80882px 6.63236px rgba(129, 138, 153, 0.0600747), 0px 3.00293px 11.0107px rgba(129, 138, 153, 0.0487776), 0px 6px 22px rgba(129, 138, 153, 0.0335534);
+}
+
+.cav4gt6 {
+  border-radius: 4px;
+  background-color: white;
+}
+
 .f1p9ti6d {
   width: 100%;
   margin-bottom: 0 !important;
@@ -4393,9 +4472,6 @@ input.rrg1fkn.ant-input {
   border-radius: 5px;
   font-size: 12px;
 }
-.tyua489 .ant-list.size-default .eagle-table-form-cell .ant-input {
-  padding: 2px 8px;
-}
 .tyua489 .ant-list.size-default .eagle-table-form-cell .ant-input-affix-wrapper {
   font-size: inherit;
 }
@@ -4482,6 +4558,34 @@ input.rrg1fkn.ant-input {
   font-size: inherit;
 }
 
+.w1xcixj5.outside-tag {
+  padding-left: 0;
+}
+.w1xcixj5.outside-tag .inside-tag {
+  border-radius: 4px 0 0 4px;
+  padding-right: 4px;
+  margin-right: 4px;
+}
+
+.sut42l0 {
+  padding: 0 8px;
+  height: 18px;
+}
+
+.mfsz1jz {
+  padding: 2px 8px;
+  height: 24px;
+}
+
+.tnd6h4m {
+  margin: 0;
+}
+
+.i1qw4clm {
+  margin-right: 4px;
+  height: 16px;
+}
+
 .a6dbbkm .ant-input-number-handler-wrap {
   display: var(--a6dbbkm-0);
 }