fix(settings): equal columns, form-style option transfers, compact export
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
dekun
@@ -2184,7 +2184,7 @@ html[data-theme="light"] .journal-detail-img-thumb {
|
||||
|
||||
.settings-cards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
|
||||
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
||||
gap: 12px;
|
||||
align-items: stretch;
|
||||
}
|
||||
@@ -2197,46 +2197,34 @@ html[data-theme="light"] .journal-detail-img-thumb {
|
||||
.settings-side-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
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;
|
||||
gap: 10px;
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.settings-side-subcards > .settings-subcard {
|
||||
flex: 1 1 0;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
flex: 0 0 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;
|
||||
color: var(--muted, #8892b0);
|
||||
}
|
||||
|
||||
.settings-card--risk {
|
||||
@@ -2246,28 +2234,46 @@ html[data-theme="light"] .journal-detail-img-thumb {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.settings-link-list--export {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
gap: 6px;
|
||||
.settings-side-export {
|
||||
flex: 0 0 auto;
|
||||
margin-top: auto;
|
||||
padding-top: 8px;
|
||||
border-top: 1px solid var(--border-soft, #2a3150);
|
||||
}
|
||||
|
||||
.settings-link-list--export .settings-export-link {
|
||||
.settings-side-export-head {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
padding: 7px 5px;
|
||||
font-size: 0.7rem;
|
||||
line-height: 1.25;
|
||||
min-height: 32px;
|
||||
word-break: break-word;
|
||||
align-items: baseline;
|
||||
gap: 8px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
@media (max-width: 520px) {
|
||||
.settings-link-list--export {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
.settings-side-export-label {
|
||||
font-size: 0.72rem;
|
||||
font-weight: 600;
|
||||
color: #a8b0cc;
|
||||
}
|
||||
|
||||
.settings-side-export-meta {
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.settings-export-links-inline {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
gap: 4px 12px;
|
||||
}
|
||||
|
||||
.settings-export-links-inline a {
|
||||
font-size: 0.72rem;
|
||||
color: #8fc8ff;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.settings-export-links-inline a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.settings-card--compact {
|
||||
@@ -2863,84 +2869,6 @@ 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.68rem;
|
||||
margin-top: 2px;
|
||||
|
||||
@@ -16,31 +16,6 @@
|
||||
el.classList.toggle("opt-error", !!isErr);
|
||||
}
|
||||
|
||||
function wireChipGroup(id) {
|
||||
const group = document.getElementById(id);
|
||||
if (!group) return function () {
|
||||
return null;
|
||||
};
|
||||
const chips = group.querySelectorAll(".opt-set-chip");
|
||||
chips.forEach(function (chip) {
|
||||
chip.addEventListener("click", function () {
|
||||
chips.forEach(function (c) {
|
||||
c.classList.remove("active");
|
||||
});
|
||||
chip.classList.add("active");
|
||||
});
|
||||
});
|
||||
return function () {
|
||||
return group.querySelector(".opt-set-chip.active");
|
||||
};
|
||||
}
|
||||
|
||||
const activeSwapDir = wireChipGroup("opt-set-swap-dir");
|
||||
const activeIntDir = wireChipGroup("opt-set-int-dir");
|
||||
const activeIntCcy = wireChipGroup("opt-set-int-ccy");
|
||||
const activeCrossDir = wireChipGroup("opt-set-cross-dir");
|
||||
const activeCrossCcy = wireChipGroup("opt-set-cross-ccy");
|
||||
|
||||
const swapBtn = document.getElementById("opt-set-swap-btn");
|
||||
if (swapBtn) {
|
||||
swapBtn.addEventListener("click", async function () {
|
||||
@@ -49,12 +24,11 @@
|
||||
setMsg("opt-set-swap-msg", "请输入有效数量", true);
|
||||
return;
|
||||
}
|
||||
const dirChip = activeSwapDir();
|
||||
const d = await apiJson("/api/options/spot/swap", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
direction: (dirChip && dirChip.getAttribute("data-dir")) || "usdt_to_usdc",
|
||||
direction: document.getElementById("opt-set-swap-dir").value,
|
||||
amount: amount,
|
||||
}),
|
||||
});
|
||||
@@ -70,15 +44,13 @@
|
||||
setMsg("opt-set-int-msg", "请输入有效数量", true);
|
||||
return;
|
||||
}
|
||||
const dirChip = activeIntDir();
|
||||
const ccyChip = activeIntCcy();
|
||||
const d = await apiJson("/api/options/transfer", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
ccy: (ccyChip && ccyChip.getAttribute("data-ccy")) || "USDC",
|
||||
from: (dirChip && dirChip.getAttribute("data-from")) || "funding",
|
||||
to: (dirChip && dirChip.getAttribute("data-to")) || "trading",
|
||||
ccy: document.getElementById("opt-set-int-ccy").value,
|
||||
from: document.getElementById("opt-set-int-from").value,
|
||||
to: document.getElementById("opt-set-int-to").value,
|
||||
amount: amount,
|
||||
}),
|
||||
});
|
||||
@@ -94,17 +66,15 @@
|
||||
setMsg("opt-set-cross-msg", "请输入有效数量", true);
|
||||
return;
|
||||
}
|
||||
const dirChip = activeCrossDir();
|
||||
const ccyChip = activeCrossCcy();
|
||||
const d = await apiJson("/api/options/cross-transfer", {
|
||||
method: "POST",
|
||||
headers: { "Content-Type": "application/json" },
|
||||
body: JSON.stringify({
|
||||
ccy: (ccyChip && ccyChip.getAttribute("data-ccy")) || "USDT",
|
||||
ccy: document.getElementById("opt-set-cross-ccy").value,
|
||||
amount: amount,
|
||||
from_account: "funding",
|
||||
to_account: "funding",
|
||||
direction: (dirChip && dirChip.getAttribute("data-dir")) || "sub_to_main",
|
||||
from_account: document.getElementById("opt-set-cross-from").value,
|
||||
to_account: document.getElementById("opt-set-cross-to").value,
|
||||
direction: document.getElementById("opt-set-cross-dir").value,
|
||||
}),
|
||||
});
|
||||
setMsg("opt-set-cross-msg", d.ok ? "划转成功" : (d.msg || "失败"), !d.ok);
|
||||
|
||||
Reference in New Issue
Block a user