Add Peeps drop table viewer

2026-06-13 16:57:14 -04:00
parent d1965b01e4
commit 773511a6d3
9 changed files with 286981 additions and 16 deletions
@@ -2739,3 +2739,88 @@ button.inline-link,
 .leaderboard-list--home-hardcore .home-hardcore-line {
  white-space: pre;
 }
+
+
+/* Drops table viewer */
+.drops-box {
+  align-items: stretch;
+  min-height: 360px;
+  overflow: hidden;
+  padding: 0;
+}
+
+.drops-status {
+  padding: 1.25rem;
+  text-align: center;
+}
+
+.drops-status--error {
+  color: #ff9b9b;
+}
+
+.drops-summary {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.85rem 1rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  color: rgba(255, 255, 255, 0.86);
+}
+
+.drops-summary div {
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+}
+
+.drops-summary span {
+  color: rgba(255, 255, 255, 0.62);
+}
+
+.drops-table-wrap {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.drops-table {
+  width: max-content;
+  min-width: 100%;
+  border-collapse: collapse;
+  font-size: 0.82rem;
+}
+
+.drops-table th,
+.drops-table td {
+  padding: 0.55rem 0.7rem;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+  text-align: left;
+  vertical-align: top;
+  white-space: nowrap;
+}
+
+.drops-table th {
+  position: sticky;
+  top: 0;
+  background: rgba(18, 24, 42, 0.98);
+  color: rgba(255, 255, 255, 0.78);
+  font-size: 0.74rem;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+.drops-table td:nth-child(5),
+.drops-table td:nth-child(6) {
+  white-space: normal;
+  min-width: 12rem;
+}
+
+@media (max-width: 720px) {
+  .drops-summary {
+    flex-direction: column;
+  }
+
+  .drops-table {
+    font-size: 0.78rem;
+  }
+}
+