tiamak/peya-nodejs-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tighten pool top navigation layout
Some checks failed
CodeQL / Analyze (javascript) (push) Failing after 27s
Details

Browse Source
This commit is contained in:
Codex Bot
2026-03-24 14:00:45 +01:00
parent d3ba4221b7
commit 3fc9092f16
2 changed files with 51 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
website_example/index.html
View File

@@ -25,51 +25,46 @@
<!-- Navigation --> <!-- Navigation -->
<div class="nav-side-menu"> <div class="nav-side-menu">
<div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div> <div class="nav-shell">
<i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i> <div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div>
<div class="menu-list"> <i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<ul id="menu-content" class="menu-content collapsed out"> <div class="menu-list">
<ul id="menu-content" class="menu-content collapsed out">
<li><a class="hot_link" data-page="home.html" href="#"> <li><a class="hot_link" data-page="home.html" href="#">
<i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span> <i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span>
</a></li> </a></li>
<li><a class="hot_link" data-page="worker_stats.html" href="#worker_stats"> <li><a class="hot_link" data-page="worker_stats.html" href="#worker_stats">
<i data-lucide="activity"></i> <span data-tkey="yourStats">Worker Statistics</span> <i data-lucide="activity"></i> <span data-tkey="yourStats">Worker Statistics</span>
</a></li> </a></li>
<li><a class="hot_link" data-page="getting_started.html" href="#getting_started"> <li><a class="hot_link" data-page="getting_started.html" href="#getting_started">
<i data-lucide="rocket"></i> <span data-tkey="gettingStarted">Getting Started</span> <i data-lucide="rocket"></i> <span data-tkey="gettingStarted">Getting Started</span>
</a></li> </a></li>
<li><a class="hot_link" data-page="pool_blocks.html" href="#pool_blocks"> <li><a class="hot_link" data-page="pool_blocks.html" href="#pool_blocks">
<i data-lucide="blocks"></i> <span data-tkey="poolBlocks">Pool Blocks</span> <i data-lucide="blocks"></i> <span data-tkey="poolBlocks">Pool Blocks</span>
</a></li> </a></li>
<li><a class="hot_link" data-page="dual_mm_blocks.html" href="#dual_mm_blocks"> <li><a class="hot_link" data-page="payments.html" href="#payments">
<i data-lucide="link-2"></i> Dual MM Blocks <i data-lucide="wallet"></i> <span data-tkey="payments">Payments</span>
</a></li> </a></li>
</ul>
<li><a class="hot_link" data-page="payments.html" href="#payments"> </div>
<i data-lucide="wallet"></i> <span data-tkey="payments">Payments</span>
</a></li>
<li><a class="hot_link" data-page="top10miners.html" href="#top10miners">
<i data-lucide="trophy"></i> <span data-tkey="top10miners">Top 10 miners</span>
</a></li>
</ul>
</div> </div>
</div> </div>
<!-- Top Bar --> <!-- Top Bar -->
<div id="top-bar"> <div id="top-bar">
<div><span data-tkey="network">Network</span>: <strong><span id="g_networkHashrate"><span data-tkey="na">N/A</span></span></strong></div> <div class="top-bar-shell">
<div><span data-tkey="poolProp">Prop Pool</span>: <strong><span id="g_poolHashrate"><span data-tkey="na">N/A</span></span></strong></div> <div><span data-tkey="network">Network</span>: <strong><span id="g_networkHashrate"><span data-tkey="na">N/A</span></span></strong></div>
<div><span data-tkey="poolSolo">Solo Pool</span>: <strong><span id="g_poolHashrateSolo"><span data-tkey="na">N/A</span></span></strong></div> <div><span data-tkey="poolProp">Prop Pool</span>: <strong><span id="g_poolHashrate"><span data-tkey="na">N/A</span></span></strong></div>
<div><span data-tkey="you">You</span>: <strong><span id="g_userHashrate"><span tkey="na">N/A</span></span></strong></div> <div><span data-tkey="poolSolo">Solo Pool</span>: <strong><span id="g_poolHashrateSolo"><span data-tkey="na">N/A</span></span></strong></div>
<div><span id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div> <div><span data-tkey="you">You</span>: <strong><span id="g_userHashrate"><span tkey="na">N/A</span></span></strong></div>
<div id="langSelector"></div> <div><span id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div>
<div id="langSelector"></div>
</div>
</div> </div>
<!-- Page content --> <!-- Page content -->

32
website_example/themes/custom.css
View File

@@ -355,7 +355,6 @@ footer a {
} }
.nav-side-menu { .nav-side-menu {
width: 250px;
background: background:
linear-gradient(180deg, rgba(8, 17, 24, 0.98), rgba(6, 13, 20, 0.98)), linear-gradient(180deg, rgba(8, 17, 24, 0.98), rgba(6, 13, 20, 0.98)),
linear-gradient(135deg, rgba(76, 200, 255, 0.08), rgba(66, 245, 200, 0.08)); linear-gradient(135deg, rgba(76, 200, 255, 0.08), rgba(66, 245, 200, 0.08));
@@ -364,6 +363,13 @@ footer a {
color: var(--text-main); color: var(--text-main);
} }
.nav-shell,
.top-bar-shell {
width: 100%;
max-width: var(--content-max-width);
margin: 0 auto;
}
.nav-side-menu .brand { .nav-side-menu .brand {
background: background:
linear-gradient(135deg, rgba(66, 245, 200, 0.14), rgba(76, 200, 255, 0.12)), linear-gradient(135deg, rgba(66, 245, 200, 0.14), rgba(76, 200, 255, 0.12)),
@@ -407,9 +413,7 @@ footer a {
.nav-side-menu li .active, .nav-side-menu li .active,
.nav-side-menu li.active { .nav-side-menu li.active {
border-left-color: var(--accent-mint); border-left-color: var(--accent-mint);
background: background: transparent;
linear-gradient(90deg, rgba(66, 245, 200, 0.12), rgba(76, 200, 255, 0.08)),
rgba(255, 255, 255, 0.03);
} }
.nav-side-menu li:hover a, .nav-side-menu li:hover a,
@@ -843,14 +847,17 @@ footer a .lucide,
top: 0; top: 0;
width: 100%; width: 100%;
height: auto; height: auto;
border-right: none;
border-bottom: 1px solid var(--line);
z-index: 1100;
}
.nav-shell {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 24px; gap: 24px;
padding: 0 24px; padding: 0 34px;
border-right: none;
border-bottom: 1px solid var(--line);
z-index: 1100;
} }
.nav-side-menu .brand { .nav-side-menu .brand {
@@ -907,10 +914,13 @@ footer a .lucide,
left: 0; left: 0;
right: 0; right: 0;
overflow: auto; overflow: auto;
padding: 0 34px;
z-index: 1000; z-index: 1000;
max-width: calc(var(--content-max-width) + 68px); }
margin: 0 auto;
.top-bar-shell {
display: flex;
align-items: center;
padding: 0 34px;
} }
#page-wrapper { #page-wrapper {