fix(mse): widen left panel to 360px, sell btn → $ icon

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Mukan Erkin TÖRÜK 2026-04-25 10:52:57 +03:00
parent d08ab100c4
commit 57758d3509

View file

@ -66,7 +66,7 @@
/* ── MAIN 3-COLUMN LAYOUT ────────────────────── */ /* ── MAIN 3-COLUMN LAYOUT ────────────────────── */
#layout { #layout {
flex: 1; display: grid; min-height: 0; flex: 1; display: grid; min-height: 0;
grid-template-columns: 300px 1fr 260px; grid-template-columns: 360px 1fr 260px;
grid-template-rows: 1fr; grid-template-rows: 1fr;
} }
@ -168,8 +168,8 @@
/* cancel / sell btns in table */ /* cancel / sell btns in table */
.btn-cancel { background: none; border: none; color: var(--muted); cursor: pointer; font-size: 12px; padding: 0 2px; line-height: 1; } .btn-cancel { background: none; border: none; color: var(--muted); cursor: pointer; font-size: 12px; padding: 0 2px; line-height: 1; }
.btn-cancel:hover { color: var(--red); } .btn-cancel:hover { color: var(--red); }
.btn-sell { background: none; border: 1px solid var(--yellow); color: var(--yellow); border-radius: 4px; cursor: pointer; font-size: 11px; padding: 2px 8px; line-height: 1; } .btn-sell { background: none; border: none; color: var(--yellow); cursor: pointer; font-size: 13px; font-weight: 700; padding: 0 2px; line-height: 1; }
.btn-sell:hover { background: rgba(243,156,18,.15); } .btn-sell:hover { color: #f5a623; }
</style> </style>
</head> </head>
<body> <body>
@ -622,7 +622,7 @@ function renderOpenTable() {
<td class="c-green">${fmt(p.sell_target, 4)}</td> <td class="c-green">${fmt(p.sell_target, 4)}</td>
<td>${pnlHtml}</td> <td>${pnlHtml}</td>
<td><button class="btn-cancel" title="Emri iptal et (coin elde kalır)" onclick="cancelPosition(${p.order_id})"></button></td> <td><button class="btn-cancel" title="Emri iptal et (coin elde kalır)" onclick="cancelPosition(${p.order_id})"></button></td>
<td><button class="btn-sell" title="Emri iptal et + market satış yap" onclick="sellPosition(${p.order_id})">Sat</button></td> <td><button class="btn-sell" title="Emri iptal et + market satış yap" onclick="sellPosition(${p.order_id})">$</button></td>
</tr>`; </tr>`;
}).join(''); }).join('');
} }