New dashboard look & feel

[src/xds/xds-agent.git] / webapp / src / app / pages / build / build.component.scss

diff --git a/webapp/src/app/pages/build/build.component.scss b/webapp/src/app/pages/build/build.component.scss
new file mode 100644 (file)
index 0000000..b256f66
--- /dev/null
+++ b/webapp/src/app/pages/build/build.component.scss
@@ -0,0 +1,37 @@
+@import '../../@theme/styles/themes';
+@import '~bootstrap/scss/mixins/breakpoints';
+@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
+@include nb-install-component() {
+  nb-tabset {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  nb-tab {
+    padding: nb-theme(padding);
+  }
+  /deep/ ngx-tab1,
+  /deep/ ngx-tab2 {
+    display: block;
+    padding: nb-theme(padding);
+  }
+  @include media-breakpoint-down(xs) {
+    nb-tabset /deep/ul {
+      font-size: 1rem;
+      padding: 0 0.25rem;
+    }
+  }
+}
+
+nb-action {
+  i {
+    font-size: 2rem;
+    margin-right: 0.5rem;
+  }
+}
+
+.textarea-scroll {
+  border-color: lightgray;
+  width: 97%;
+  overflow-y: scroll;
+}