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

Move spot sell retry into positions header row per mockup.

Browse Source 
Show trading-account coin balance with gradient retry button and icon refresh in the holdings title bar.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-08-23 08:06:09 +08:00
parent a18f1f6713
commit 68869e35c3
3 changed files with 76 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+49 -27
View File
@@ -3208,7 +3208,9 @@ html[data-theme="light"] .settings-side-export-label {
margin: 0 0 8px;
font-weight: 600;
}
.options-page-wrap .options-pos-head h2 {
margin: 0;
}
.options-page-wrap .options-hint,
.options-page-wrap #opt-index-line {
font-size: 0.72rem;
@@ -3223,11 +3225,18 @@ html[data-theme="light"] .settings-side-export-label {
min-height: 28px;
}
.options-page-wrap .options-pos-head .btn-secondary {
.options-page-wrap .options-pos-head .btn-secondary,
.options-page-wrap .options-pos-head .opt-pos-refresh-btn {
font-size: 0.72rem;
padding: 3px 10px;
min-height: 26px;
}
.options-page-wrap .options-pos-head .opt-pos-refresh-btn {
font-size: 1rem;
line-height: 1;
min-width: 32px;
padding: 4px 10px;
}
.options-funds-grid {
display: grid;
@@ -5233,24 +5242,6 @@ html[data-theme="light"] .opt-source-badge--oo {
font-variant-numeric: tabular-nums;
font-weight: 600;
}
.opt-spot-sell-banner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 12px;
margin: 0 0 10px;
padding: 10px 12px;
border: 1px solid rgba(255, 170, 80, 0.45);
border-radius: 10px;
background: rgba(48, 32, 12, 0.55);
}
.opt-spot-sell-banner-text {
flex: 1;
min-width: 180px;
font-size: 0.82rem;
color: #f5d9b8;
line-height: 1.45;
}
.opt-target-monitors {
margin: 0 0 10px;
padding: 10px 12px;
@@ -5476,11 +5467,46 @@ html[data-theme="light"] .opt-source-badge--oo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
gap: 10px;
margin-bottom: 8px;
flex-wrap: wrap;
}
.options-pos-head h2 {
margin: 0;
flex-shrink: 0;
}
.options-pos-head-actions {
display: flex;
align-items: center;
gap: 10px;
margin-left: auto;
flex-wrap: wrap;
justify-content: flex-end;
}
.opt-spot-sell-head {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.opt-spot-sell-avail {
font-size: 0.78rem;
color: #c9d6f5;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.options-page-wrap .opt-spot-sell-retry-btn {
font-size: 0.72rem;
padding: 4px 12px;
min-height: 28px;
white-space: nowrap;
}
.options-page-wrap .opt-pos-refresh-btn {
font-size: 1rem;
line-height: 1;
padding: 4px 10px;
min-width: 32px;
min-height: 28px;
}
.opt-pos-card {
margin-bottom: 10px;
@@ -5854,12 +5880,8 @@ html[data-theme="light"] .options-page-wrap .pos-empty {
color: #334155 !important;
}
html[data-theme="light"] .options-page-wrap .opt-spot-sell-banner {
border-color: rgba(180, 110, 40, 0.45);
background: rgba(255, 244, 228, 0.95);
}
html[data-theme="light"] .options-page-wrap .opt-spot-sell-banner-text {
color: #6a4a18;
html[data-theme="light"] .options-page-wrap .opt-spot-sell-avail {
color: #334155 !important;
}
html[data-theme="light"] .options-page-wrap .opt-target-monitors {
background: #eef4fa !important;