Autosave: 20260213-122446
This commit is contained in:
parent
01edcfe23d
commit
451acfd26a
10
futures.php
10
futures.php
@ -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; }
|
.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-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; } }
|
@media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
|
||||||
|
|
||||||
.order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
|
.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; }
|
.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; }
|
#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 */
|
||||||
.stats-item { display: flex; flex-direction: column; justify-content: center; }
|
.stats-item { display: flex; flex-direction: column; justify-content: center; }
|
||||||
.stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
|
.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="right-col d-none d-lg-flex">
|
||||||
<div class="ob-header"><span><?php echo __('price'); ?></span><span><?php echo __('amount'); ?></span></div>
|
<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="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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
10
options.php
10
options.php
@ -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; }
|
.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-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-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; }
|
.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-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; }
|
.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 */
|
/* Mobile Nav */
|
||||||
.m-trade-nav { display: none; background: #161a1e; border-bottom: 1px solid #2b3139; position: sticky; top: 0; z-index: 100; }
|
.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; }
|
.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="right-col d-none d-lg-flex">
|
||||||
<div class="order-book-header"><?php echo __('order_book'); ?></div>
|
<div class="order-book-header"><?php echo __('order_book'); ?></div>
|
||||||
<div style="padding: 10px 0; display: flex; flex-direction: column; flex: 1;">
|
<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;">
|
<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>
|
<span id="ob-mid-price" style="font-size: 16px; font-weight: 800; color: #0ecb81;">--</span>
|
||||||
</div>
|
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
10
spot.php
10
spot.php
@ -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; }
|
.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-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; } }
|
@media (max-width: 991px) { .chart-box { min-height: 320px; height: 320px; } }
|
||||||
|
|
||||||
.order-box { padding: 12px 20px; background: #161a1e; border-bottom: 1px solid #2b3139; }
|
.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; }
|
.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; }
|
#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 */
|
||||||
.stats-item { display: flex; flex-direction: column; justify-content: center; }
|
.stats-item { display: flex; flex-direction: column; justify-content: center; }
|
||||||
.stats-label { font-size: 10px; color: #848e9c; margin-bottom: 1px; white-space: nowrap; }
|
.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="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 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="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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user