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

feat: single-row funds strip on header and system settings page

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 10:09:51 +08:00
parent e82fd15bb7
commit 75aa4b1391
10 changed files with 185 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+47 -14
View File
@@ -96,7 +96,7 @@
}
.instance-header-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
flex-wrap: nowrap;
}
.stat-strip-inner {
@@ -602,15 +602,25 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
font-size: 0.82rem;
}
.instance-header-stats {
display: grid;
grid-template-columns: repeat(9, minmax(0, 1fr));
gap: 0;
.instance-header-stats-wrap {
margin-top: 12px;
padding: 14px 0 12px;
padding-top: 12px;
border-top: 1px solid var(--border-soft, #2a3150);
min-height: 72px;
align-items: center;
}
.instance-header-stats {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
gap: 0;
padding: 2px 0 0;
min-height: 56px;
align-items: stretch;
scrollbar-width: thin;
}
.instance-header-stats--options .stat-strip-item {
min-width: 72px;
}
.stat-strip-item {
@@ -618,8 +628,9 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0;
padding: 4px 10px;
flex: 1 1 0;
min-width: 64px;
padding: 4px 8px;
border-right: 1px solid var(--border-soft, #2a3150);
text-align: center;
}
@@ -641,7 +652,7 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
}
.stat-strip-item .value {
font-size: 0.94rem;
font-size: 0.88rem;
font-weight: 600;
color: #e8ecff;
line-height: 1.3;
@@ -653,7 +664,7 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
}
.stat-strip-item--primary .value {
font-size: 1.18rem;
font-size: 1.02rem;
font-weight: 700;
}
@@ -667,13 +678,15 @@ html[data-theme="light"] .theme-toggle-btn.is-active {
@media (max-width: 1100px) {
.instance-header-stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 10px;
flex-wrap: nowrap;
}
.stat-strip-item {
flex: 0 0 auto;
min-width: 72px;
border-right: none;
padding: 6px 8px;
border-right: 1px solid var(--border-soft, #2a3150);
}
.stat-strip-item:first-child {
@@ -2149,6 +2162,26 @@ html[data-theme="light"] .journal-detail-img-thumb {
margin-top: 12px;
}
.settings-account-summary {
margin-bottom: 16px;
padding: 12px 14px 10px;
}
.settings-account-summary .instance-header-stats {
border-top: none;
margin-top: 0;
padding-top: 4px;
}
.settings-account-summary-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.settings-cards-grid {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);