add new table view

2026-07-08 14:47:53 +02:00
parent a23f3587ab
commit 8b3f3e4608
6 changed files with 213 additions and 80 deletions
@@ -0,0 +1,38 @@
+.summaryTable {
+  .table-head { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }
+  .table-title { font-size: 13px; font-weight: 600; }
+
+
+  .table-wrap {
+    border: 1px solid #E6E5E0; border-radius: 10px; overflow-x: auto; background: #FFFFFF;
+
+    table { width: 100%; border-collapse: collapse; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 11.5px; }
+    th {
+      padding: 9px; font-weight: 600; color: #6B6A64; font-size: 10px;
+      text-transform: uppercase; letter-spacing: .03em;
+      border-bottom: 1px solid #E6E5E0; white-space: nowrap; background: #FAFAF7;
+    }
+    td { padding: 9px; border-bottom: 1px solid #F0EFEB; white-space: nowrap; }
+    tfoot tr { background: #FAFAF7; }
+
+
+    .foot-label {
+      font-family: 'Public Sans', sans-serif; font-size: 12px; font-weight: 600;
+      color: #6B6A64; text-transform: uppercase; letter-spacing: .04em;
+    }
+    .foot-value { text-align: right; font-weight: 700; color: #1C1C1A; font-size: 14px; }
+
+  }
+
+  .note { margin-top: 10px; font-size: 12px; color: #6B6A64; }
+  .actions { display: flex; gap: 10px; margin-top: 22px; }
+  .btn-accent {
+    color: #FFFFFF; border: none; border-radius: 9px; padding: 11px 18px;
+    font-size: 13.5px; font-weight: 600; cursor: pointer; font-family: inherit;
+  }
+  .btn-ghost {
+    background: none; border: 1px solid #E6E5E0; border-radius: 9px; padding: 11px 18px;
+    font-size: 13.5px; font-weight: 600; color: #3B3A36; cursor: pointer; font-family: inherit;
+  }
+
+}