Configuration tab

cloudblue · Jul 25, 2023 · b50bb2a · b50bb2a
1 parent a46dea7
commit b50bb2a
Show file tree

Hide file tree

Showing 18 changed files with 1,344 additions and 230 deletions.
diff --git a/connect_ext_ppr/static/deployment-details.4cbf92285925810a7c67.js b/connect_ext_ppr/static/deployment-details.4cbf92285925810a7c67.js
diff --git a/connect_ext_ppr/static/deployment-details.css b/connect_ext_ppr/static/deployment-details.css
@@ -17,6 +17,117 @@
   color: #212121;
 }
 
+/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/cChip.vue?vue&type=style&index=0&id=cf32a144&lang=stylus& ***!
+  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.c-chip {
+  --c-chip-color: 66, 66, 66;
+  --c-chip-text-color: var(--c-chip-color);
+  --c-chip-icon-color: var(--c-chip-color);
+  display: inline-flex;
+  overflow: hidden;
+  align-items: center;
+  box-sizing: border-box;
+  height: 24px;
+  padding-right: 4px;
+  padding-left: 8px;
+  border-radius: 12px;
+  vertical-align: middle;
+}
+.c-chip__text {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+  font-size: 13px;
+  line-height: 16px;
+  font-weight: normal;
+  color: rgb(var(--c-chip-text-color));
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-left: 4px;
+  margin-right: 8px;
+}
+.c-chip__icon {
+  width: 16px;
+  height: 16px;
+  font-size: 16px;
+}
+.c-chip__icon.c-icon,
+.c-chip__icon.v-icon {
+  color: rgb(var(--c-chip-icon-color));
+}
+.c-chip__close-icon {
+  margin: 0;
+  color: rgb(var(--c-chip-text-color)) !important;
+  width: 14px;
+  height: 14px;
+}
+.c-chip__close-icon:hover {
+  background-color: rgba(var(--c-chip-icon-color),0.15);
+  border-radius: 50%;
+}
+.c-chip_small {
+  height: 16px;
+  padding-left: 4px;
+  padding-right: 4px;
+  border-radius: 8px;
+}
+.c-chip_small .c-chip__text {
+  font-size: 11px;
+  font-weight: 500;
+  line-height: 12px;
+  margin-left: 4px;
+  margin-right: 4px;
+}
+.c-chip_small .c-chip__icon {
+  width: 12px;
+  height: 12px;
+  font-size: 12px;
+}
+.c-chip_small .c-chip__close-icon {
+  width: 10px;
+  height: 10px;
+}
+.c-chip_solid {
+  background-color: rgb(var(--c-chip-color));
+  --c-chip-text-color: 255, 255, 255;
+  --c-chip-icon-color: 255, 255, 255;
+}
+.c-chip_outline {
+  border: 1px solid rgb(var(--c-chip-color));
+}
+.c-chip_pale {
+  background-color: rgba(var(--c-chip-color),0.1);
+}
+.c-chip_non-rounded {
+  border-radius: 2px;
+}
+
+/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/components/DeploymentConfigurationTab.vue?vue&type=style&index=0&id=3e578876&scoped=true&lang=css& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************/
+
+.list[data-v-3e578876] {
+  padding: 8px 0 8px;
+  display: flex;
+  flex-direction: column;
+.list-item[data-v-3e578876] {
+    justify-content: left;
+    align-items: center;
+    display: flex;
+    font-size: 16px;
+    font-weight: 400;
+    height: 48px;
+    margin: 0;
+    padding: 0 16px;
+    width: 100%;
+    position: relative;
+    text-decoration: none;
+    transition: background 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+}
+
+
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/stylus-loader/dist/cjs.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./ui/src/pages/DeploymentDetails.vue?vue&type=style&index=0&id=2ceadcfa&lang=stylus& ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/