dashboard: seimbangkan kolom dan responsifkan riwayat
This commit is contained in:
1 parent
9a269e224c
commit
e4fa6bf1dc
6 files changed
+35
-11
No files matched your search
+15
-4
@@ -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);
|
||||
|
||||
Reference in new issue
Block a user