feat: connections inspection

1 files changed, 38 insertions, 0 deletions

diff --git a/src/components/ConnectionTable.module.css b/src/components/ConnectionTable.module.css
new file mode 100644
index 0000000..f145542
--- /dev/null
+++ b/src/components/ConnectionTable.module.css
@@ -0,0 +1,38 @@
+.thead .tr {
+  display: grid;
+  grid-template-columns: repeat(12, max-content);
+}
+
+.th {
+  padding: 8px 0 14px 10px;
+  height: 50px;
+  background: var(--color-background);
+  position: sticky;
+  top: 0;
+
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.th span:last-child {
+  margin-left: 10px;
+  width: 16px;
+  height: 16px;
+}
+
+.td {
+  padding: 8px 10px;
+  font-size: 0.9em;
+
+  font-family: var(--font-normal);
+}
+
+.td.odd {
+  background: var(--color-row-odd);
+}
+
+/* download upload td cells */
+.du {
+  text-align: right;
+}