dekun/crypto_monitor
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use auto-fit grid for funds and dashboard account cards

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
manual_trading_hub/static/app.css
+1 -6
View File
@@ -5902,7 +5902,7 @@ html[data-theme="light"] .funds-chart-panel {
} }
.funds-accounts { .funds-accounts {
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
gap: 12px; gap: 12px;
padding: 4px 0 12px; padding: 4px 0 12px;
} }
@@ -6141,11 +6141,6 @@ html[data-theme="light"] .funds-fs-panel {
body.funds-fullscreen-open { body.funds-fullscreen-open {
overflow: hidden; overflow: hidden;
} }
@media (max-width: 1100px) {
.funds-accounts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) { @media (max-width: 720px) {
.funds-accounts { .funds-accounts {
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
manual_trading_hub/static/dashboard.css
+1 -1
View File
@@ -209,7 +209,7 @@ body.hub-page-dashboard .page#page-dashboard {
.dash-ac-grid { .dash-ac-grid {
display: 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; gap: 12px;
padding: 14px; padding: 14px;
} }