Add pages: BMC, Ipv4/6, console settings. Fix routes: add console mixin, disable fullscreen console, add global styles.

1 files changed, 125 insertions, 22 deletions

diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss
index dcf563d6..8281ff52 100644
--- a/src/assets/styles/bmc/custom/_base.scss
+++ b/src/assets/styles/bmc/custom/_base.scss
@@ -1,26 +1,22 @@
-// dt,
-// legend,
-// label {
-//   color: gray("800");
-//   font-size: 14px;
-//   font-weight: 400;
-//   line-height: 1.4285;
-// }
-
-
-
-h1,
-.h1 {
-  font-size: 2.625rem;
-  font-weight: 300;
-  line-height: 1.238;
+body {
+  overflow-y: hidden;
 }
 
-h2,
-.h2 {
-  font-size: 2.25rem;
-  font-weight: 300;
-  line-height: 1.3333;
+.main-container {
+  overflow-y: overlay;
+  height: calc(100vh - 167px);
+  &::-webkit-scrollbar {
+    margin-top: $header-height;
+    position: absolute;
+    width: 10px;
+  }
+  &::-webkit-scrollbar-thumb {
+    margin-top: $header-height;
+    border: 4px solid transparent;
+    background: rgba(14, 32, 48, 0.384);
+    border-radius: 16px;
+    background-clip: content-box;
+  }
 }
 
 h3,
@@ -51,10 +47,109 @@ h6,
   line-height: 1.2857;
 }
 
-.text__h1 {
+.regular-12px {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-primary;
+    &.underline {
+      text-decoration: underline;
+    }
+    &.tretiatry {
+      color: $text-tretiatry;
+    }
+}
+
+.light-12px {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 300;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-secondary;
+}
+
+.semi-bold-12px {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+}
+
+.semi-bold-12px__caps {
+  font-family: Inter;
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 16px;
+    letter-spacing: 0em;
+    text-align: left;
+    text-transform: uppercase;
+    color: $text-primary !important;
+    &:hover {
+      color: $text-primary !important;
+    }
+}
+
+.bold-12px__caps {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-secondary;
+  text-transform: uppercase;
+}
+
+.medium-12px {
+  font-family: Inter;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 16px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: $text-primary;
+}
+
+.semi-bold-16px {
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px;
+  color: $text-primary;
+}
+
+.bold-16px__caps {
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: 0em;
+  text-align: left;
+  text-transform: uppercase;
+  color: $text-secondary;
+}
+
+
+.bold-24px {
   font-family: Inter;
   font-style: normal;
   font-weight: bold;
+  font-weight: 700;
   font-size: 24px;
   line-height: 28px;
   color: $text-primary;
@@ -78,4 +173,12 @@ h6,
   font-size: 12px;
   line-height: 16px;
   color: $login-page-description-color;
+}
+
+.icon-expand {
+  height: 1.2rem;
+  width: 1.2rem;
+  float: right;
+  transition: 0.3s linear;
+  margin: $spacer/4 35px 0 auto;
 }
\ No newline at end of file