Autosave: 20260213-122446

This commit is contained in:
Flatlogic Bot 2026-02-13 12:24:46 +00:00
parent 01edcfe23d
commit 451acfd26a
3 changed files with 22 additions and 10 deletions

View File

@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
.coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
.chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
.chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
.chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
@media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
.order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
@ -98,6 +98,10 @@ $user_id = $_SESSION['user_id'] ?? null;
.ob-bar { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.1; z-index: 0; }
#mid-price { padding: 8px 15px; font-size: 16px; font-weight: 800; text-align: center; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; background: #161a1e; }
/* Adjusted for 20 rows of asks and bids */
#asks-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end; }
#bids-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; }
/* Stats Item */
.stats-item { display: flex; flex-direction: column; justify-content: center; }
.stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
@ -217,9 +221,9 @@ $user_id = $_SESSION['user_id'] ?? null;
<div class="right-col d-none d-lg-flex">
<div class="ob-header"><span><?php echo __('price'); ?></span><span><?php echo __('amount'); ?></span></div>
<div id="asks-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
<div id="asks-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end;"></div>
<div id="mid-price">--</div>
<div id="bids-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
<div id="bids-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
</div>
</div>
@ -241,7 +245,7 @@ $user_id = $_SESSION['user_id'] ?? null;
const pairs = ['BTCUSDT', 'ETHUSDT', 'BNBUSDT', 'SOLUSDT', 'XRPUSDT', 'ADAUSDT', 'DOGEUSDT', 'DOTUSDT', 'MATICUSDT', 'LTCUSDT', 'SHIBUSDT', 'TRXUSDT', 'AVAXUSDT', 'LINKUSDT', 'BCHUSDT', 'UNIUSDT', 'ETCUSDT', 'NEARUSDT', 'FILUSDT', 'ALGOUSDT', 'FTMUSDT', 'SANDUSDT', 'MANAUSDT', 'AXSUSDT', 'ATOMUSDT', 'HBARUSDT', 'ICPUSDT', 'VETUSDT'];
const marketData = {}; let balances = {usdt: 0};
function getIcon(s) {
function getIcon(s) {
const symbol = s.replace('USDT', '').toLowerCase();
return `https://assets.coincap.io/assets/icons/${symbol}@2x.png`;
}

View File

@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
.coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
.chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
.chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
.chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
.record-tabs { display: flex; background: #161a1e; border-bottom: 1px solid #2b3139; padding: 0 15px; }
.record-tab { padding: 10px 0; margin-right: 25px; font-size: 13px; color: #848e9c; cursor: pointer; position: relative; }
@ -104,6 +104,10 @@ $user_id = $_SESSION['user_id'] ?? null;
.ob-bg-sell { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(246, 70, 93, 0.1); z-index: 0; }
.ob-bg-buy { position: absolute; right: 0; top: 0; bottom: 0; background: rgba(14, 203, 129, 0.1); z-index: 0; }
/* Adjusted for 20 rows of asks and bids */
#ob-asks { height: 400px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; }
#ob-bids { height: 400px; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden; }
/* Mobile Nav */
.m-trade-nav { display: none; background: #161a1e; border-bottom: 1px solid #2b3139; position: sticky; top: 0; z-index: 100; }
.m-trade-nav a { flex: 1; text-align: center; padding: 14px; font-size: 14px; color: #848e9c; text-decoration: none; border-bottom: 2px solid transparent; }
@ -253,11 +257,11 @@ $user_id = $_SESSION['user_id'] ?? null;
<div class="right-col d-none d-lg-flex">
<div class="order-book-header"><?php echo __('order_book'); ?></div>
<div style="padding: 10px 0; display: flex; flex-direction: column; flex: 1;">
<div id="ob-asks" style="display: flex; flex-direction: column; justify-content: flex-start; flex: 1;"></div>
<div id="ob-asks" style="height: 400px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden;"></div>
<div style="padding: 10px; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; margin: 5px 0; text-align: center; background: #161a1e;">
<span id="ob-mid-price" style="font-size: 16px; font-weight: 800; color: #0ecb81;">--</span>
</div>
<div id="ob-bids" style="display: flex; flex-direction: column; justify-content: flex-start; flex: 1;"></div>
<div id="ob-bids" style="height: 400px; display: flex; flex-direction: column; justify-content: flex-start; overflow: hidden;"></div>
</div>
</div>
</div>

View File

@ -63,7 +63,7 @@ $user_id = $_SESSION['user_id'] ?? null;
.coin-icon { width: 22px; height: 22px; margin-right: 12px; border-radius: 50%; flex-shrink: 0; background: #2b3139; }
.chart-header { padding: 8px 20px; display: flex; align-items: center; background: #161a1e; border-bottom: 1px solid #2b3139; flex-wrap: nowrap; gap: 20px; height: 50px; }
.chart-box { flex: 1; min-height: 400px; height: 400px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
.chart-box { flex: 1; min-height: 350px; height: 350px; background: #0b0e11; border-bottom: 1px solid #2b3139; }
@media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
.order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
@ -97,6 +97,10 @@ $user_id = $_SESSION['user_id'] ?? null;
.ob-bar { position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.1; z-index: 0; }
#mid-price { padding: 8px 15px; font-size: 16px; font-weight: 800; text-align: center; border-top: 1px solid #2b3139; border-bottom: 1px solid #2b3139; background: #161a1e; }
/* Adjusted for 20 rows of asks and bids */
#asks-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end; }
#bids-list { height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start; }
/* Stats Item */
.stats-item { display: flex; flex-direction: column; justify-content: center; }
.stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
@ -234,9 +238,9 @@ $user_id = $_SESSION['user_id'] ?? null;
<div class="right-col d-none d-lg-flex">
<div class="ob-header"><span><?php echo __('price'); ?>(USDT)</span><span><?php echo __('amount'); ?>(BTC)</span></div>
<div id="asks-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
<div id="asks-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-end;"></div>
<div id="mid-price">--</div>
<div id="bids-list" style="flex: 1; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
<div id="bids-list" style="height: 400px; display: flex; flex-direction: column; overflow: hidden; justify-content: flex-start;"></div>
</div>
</div>