Use auto-fit grid for funds and dashboard account cards

Account cards expand to fill available width when fewer exchanges are enabled instead of staying in fixed four-column tracks.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-06-23 19:57:24 +08:00
parent ea5c6cddb4
commit acc158f85d
2 changed files with 2 additions and 7 deletions
+1 -6
View File
@@ -5902,7 +5902,7 @@ html[data-theme="light"] .funds-chart-panel {
}
.funds-accounts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
gap: 12px;
padding: 4px 0 12px;
}
@@ -6141,11 +6141,6 @@ html[data-theme="light"] .funds-fs-panel {
body.funds-fullscreen-open {
overflow: hidden;
}
@media (max-width: 1100px) {
.funds-accounts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.funds-accounts {
grid-template-columns: minmax(0, 1fr);
+1 -1
View File
@@ -209,7 +209,7 @@ body.hub-page-dashboard .page#page-dashboard {
.dash-ac-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
gap: 12px;
padding: 14px;
}