dashboard: seimbangkan kolom dan responsifkan riwayat

This commit is contained in:
proitlab committed 2026-08-05 17:28:38 +07:00
1 parent 9a269e224c
commit e4fa6bf1dc
6 files changed
+35 -11

No files matched your search

+15 -4
View File
@@ -181,12 +181,20 @@ button.pill {
.list-header,
.list-row {
display: grid;
grid-template-columns: 72px 1fr 200px 170px;
grid-template-columns: 72px 1fr 200px 1fr;
gap: var(--sp-lg);
align-items: baseline;
padding: var(--sp-lg) var(--sp-sm);
border-bottom: 1px solid var(--hairline);
}
.run-list .list-header,
.run-list .list-row {
grid-template-columns: 64px 150px 180px 110px 180px 1fr;
}
.pay-list .list-header,
.pay-list .list-row {
grid-template-columns: 1fr 140px 170px 100px 1.2fr 260px;
}
.list-header {
font-family: var(--font-mono);
font-size: 11px;
@@ -284,7 +292,7 @@ button.pill {
/* ————— tablet (768–1024px) ————— */
@media (max-width: 1024px) {
.list-header,
.list-row { grid-template-columns: 56px 1fr 160px 150px; gap: var(--sp-md); }
.list-row { grid-template-columns: 56px 1fr 160px 1fr; gap: var(--sp-md); }
.spec-list, .stats, .search, .search-result { margin-left: var(--sp-md); margin-right: var(--sp-md); }
.stats { grid-template-columns: repeat(2, 1fr); }
.spec-cell:nth-child(3) { border-left: none; }
@@ -308,11 +316,14 @@ button.pill {
.list-row .rank { grid-row: 1 / span 3; grid-column: 1; align-self: start; padding-top: 6px; }
.list-row .owner { grid-column: 2; font-size: 18px; }
.list-row .stake,
.list-row .vote-date { grid-column: 2; }
.list-row .vote-date,
.list-row .txid { grid-column: 2; }
.list-row .stake { text-align: left; }
.list-row .txid { font-size: 12px; }
.list-row .stake { overflow-wrap: anywhere; }
.list-row .stake::before,
.list-row .vote-date::before {
.list-row .vote-date::before,
.list-row .txid::before {
content: attr(data-label);
display: block;
font-family: var(--font-mono);