first commit

app/assets/styles/DcimMonitor.CiStTCbZ.css

@@ -0,0 +1,84 @@
+.chart-viewport[data-v-eb47944f] {
+  min-width: 0;
+}
+.chart-viewport[data-v-eb47944f],
+.chart-viewport .empty[data-v-eb47944f],
+.chart-viewport .monitor-error[data-v-eb47944f] {
+  min-height: var(--chart-height);
+}
+.monitor[data-v-eb47944f] {
+  min-width: 0;
+}
+.monitor[data-v-eb47944f]:not(.compact) {
+  flex-direction: column;
+  gap: 21px;
+  display: flex;
+}
+.monitor-panel[data-v-eb47944f] {
+  min-width: 0;
+}
+.monitor:not(.compact) .monitor-panel[data-v-eb47944f] {
+  border: 1px solid var(--console-panel-border);
+  background: var(--console-panel-bg);
+  box-shadow: var(--console-panel-shadow);
+  border-radius: 6px;
+  padding: 14px;
+}
+.range[data-v-eb47944f] {
+  flex-wrap: wrap;
+  align-self: flex-start;
+}
+.monitor-head[data-v-eb47944f] {
+  border-bottom: 1px solid var(--console-panel-border);
+  align-items: center;
+  margin-bottom: 14px;
+  padding-bottom: 14px;
+  display: flex;
+}
+.monitor-head h3[data-v-eb47944f] {
+  margin: 0;
+  font-size: 1.125rem;
+}
+.legend[data-v-eb47944f] {
+  color: var(--p-text-muted-color);
+  gap: 14px;
+  margin-bottom: 7px;
+  font-size: 0.875rem;
+}
+.legend[data-v-eb47944f],
+.legend span[data-v-eb47944f] {
+  align-items: center;
+  display: flex;
+}
+.legend span[data-v-eb47944f] {
+  gap: 5px;
+}
+.legend i[data-v-eb47944f] {
+  border-radius: 2px;
+  width: 8px;
+  height: 8px;
+}
+.incoming[data-v-eb47944f] {
+  background: #1687d9;
+}
+.outgoing[data-v-eb47944f] {
+  background: #29b6d8;
+}
+.legend small[data-v-eb47944f] {
+  margin-left: auto;
+}
+.empty[data-v-eb47944f] {
+  min-height: 126px;
+  color: var(--p-text-muted-color);
+  place-items: center;
+  margin: 0;
+  display: grid;
+}
+.monitor-error[data-v-eb47944f] {
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 7px;
+  min-height: 126px;
+  display: flex;
+}