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

fix(settings): OKX side panel shell, compact option transfers without selects

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
2026-07-07 11:43:56 +08:00
parent 6c26d4739e
commit 27a00f026a
8 changed files with 292 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/common/static/instance_theme.css
+121 -21
View File
@@ -2197,12 +2197,48 @@ html[data-theme="light"] .journal-detail-img-thumb {
.settings-side-col {
display: flex;
flex-direction: column;
gap: 8px;
gap: 0;
align-self: stretch;
height: 100%;
min-height: 0;
}
.settings-card--side-panel {
height: 100%;
min-height: 0;
display: flex;
flex-direction: column;
padding: 10px 12px;
overflow: hidden;
}
.settings-side-subcards {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 auto;
min-height: 0;
}
.settings-side-subcards > .settings-subcard {
flex: 1 1 0;
min-height: 0;
overflow-y: auto;
padding: 8px 10px;
margin: 0;
}
.settings-side-subcards > .settings-subcard--export {
flex: 0 0 auto;
overflow: visible;
}
.settings-subcard-desc {
font-size: 0.7rem;
margin: 0 0 6px;
line-height: 1.4;
}
.settings-card--risk {
min-width: 0;
height: 100%;
@@ -2210,28 +2246,13 @@ html[data-theme="light"] .journal-detail-img-thumb {
flex-direction: column;
}
.settings-side-col > .settings-card {
flex: 1 1 0;
min-height: 0;
overflow-y: auto;
display: flex;
flex-direction: column;
}
.settings-side-col > .settings-card--export {
flex: 0 0 auto;
min-height: 0;
overflow: visible;
}
.settings-side-col .settings-card--export .settings-link-list {
.settings-link-list--export {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px;
flex: 0 0 auto;
}
.settings-side-col .settings-card--export .settings-export-link {
.settings-link-list--export .settings-export-link {
display: flex;
align-items: center;
justify-content: center;
@@ -2244,7 +2265,7 @@ html[data-theme="light"] .journal-detail-img-thumb {
}
@media (max-width: 520px) {
.settings-side-col .settings-card--export .settings-link-list {
.settings-link-list--export {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@@ -2842,10 +2863,89 @@ html[data-theme="light"] .settings-export-link {
margin: 0 0 6px;
line-height: 1.45;
}
.options-transfer-compact {
display: flex;
flex-direction: column;
gap: 8px;
}
.options-transfer-block {
display: flex;
flex-direction: column;
gap: 4px;
}
.options-transfer-head {
font-size: 0.72rem;
font-weight: 600;
color: #a8b0cc;
line-height: 1.3;
}
.options-transfer-line {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 5px;
}
.options-transfer-acct {
font-size: 0.68rem;
color: #8892b0;
white-space: nowrap;
padding: 0 2px;
}
.opt-set-chip-group {
display: inline-flex;
border: 1px solid var(--border-soft, #2a3150);
border-radius: 6px;
overflow: hidden;
flex-shrink: 0;
}
.opt-set-chip {
border: none;
background: transparent;
color: #a8b0cc;
font-size: 0.68rem;
line-height: 1.2;
padding: 4px 7px;
cursor: pointer;
white-space: nowrap;
}
.opt-set-chip:hover {
background: rgba(143, 200, 255, 0.08);
color: #cfd3ef;
}
.opt-set-chip.active {
background: #1f3a5a;
color: #8fc8ff;
}
.opt-set-amount {
width: 72px;
min-width: 64px;
font-size: 0.72rem;
padding: 4px 6px;
min-height: 26px;
}
.options-swap-compact .options-settings-hint {
margin: 0 0 5px;
}
.options-swap-compact .options-transfer-line {
margin-bottom: 0;
}
.options-settings-msg {
font-size: 0.7rem;
margin-top: 4px;
font-size: 0.68rem;
margin-top: 2px;
min-height: 1em;
line-height: 1.35;
}
.pos-pnl-profit {
color: #7ee787;