Merge pull request #22 from arnaugiralt/feat/LITE-28090-port-ctabs-cn…

…avbar-cview LITE-28090 LITE-LITE-27849: Port cTabs, cView, cNavBar and implement them
cloudblue · Jul 17, 2023 · 54b05dd · 54b05dd
2 parents cbd2613 + 2e399bf
commit 54b05dd
Show file tree

Hide file tree

Showing 20 changed files with 1,577 additions and 1,095 deletions.
diff --git a/connect_ext_ppr/static/deployment-details.aafa59e785fc54f79178.js b/connect_ext_ppr/static/deployment-details.aafa59e785fc54f79178.js
diff --git a/connect_ext_ppr/static/deployment-details.c49c14732d8dd3ed74a7.js b/connect_ext_ppr/static/deployment-details.c49c14732d8dd3ed74a7.js
diff --git a/connect_ext_ppr/static/deployment-details.css b/connect_ext_ppr/static/deployment-details.css
@@ -0,0 +1,29 @@
+/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** 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/GridItem.vue?vue&type=style&index=0&id=292fb55a&lang=stylus& ***!
+  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.item-row {
+  display: grid;
+  grid-template-columns: var(--grid-item-first-col, 60px) 1fr;
+  grid-column-gap: 16px;
+  align-items: start;
+}
+.item-row + .item-row {
+  margin-top: var(--grid-item-row-offset, 12px);
+}
+.item-label {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  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/pages/DeploymentDetails.vue?vue&type=style&index=0&id=2ceadcfa&lang=stylus& ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.deployment-details .info-container {
+  display: grid;
+  grid-template-columns: minmax(auto, 376px) minmax(auto, 376px) minmax(auto, 376px);
+  grid-column-gap: 48px;
+  margin-bottom: 32px;
+}
+