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 -->
<div class="nav-side-menu">
<div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div>
<i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapsed out">
<div class="nav-shell">
<div class="brand"><a href="/"><span id="coinSymbol"></span> <span data-tkey="miningPool">Mining Pool</span></a></div>
<i data-lucide="menu" class="toggle-btn" data-toggle="collapse" data-target="#menu-content"></i>
<div class="menu-list">
<ul id="menu-content" class="menu-content collapsed out">
<li><a class="hot_link" data-page="home.html" href="#">
<i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span>
</a></li>
<li><a class="hot_link" data-page="home.html" href="#">
<i data-lucide="house"></i> <span data-tkey="dashboard">Dashboard</span>
</a></li>
<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>
</a></li>
<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>
</a></li>
<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>
</a></li>
<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>
</a></li>
<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>
</a></li>
<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>
</a></li>
<li><a class="hot_link" data-page="dual_mm_blocks.html" href="#dual_mm_blocks">
<i data-lucide="link-2"></i> Dual MM Blocks
</a></li>
<li><a class="hot_link" data-page="payments.html" href="#payments">
<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>
<li><a class="hot_link" data-page="payments.html" href="#payments">
<i data-lucide="wallet"></i> <span data-tkey="payments">Payments</span>
</a></li>
</ul>
</div>
</div>
</div>
<!-- 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><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="poolSolo">Solo Pool</span>: <strong><span id="g_poolHashrateSolo"><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 id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div>
<div id="langSelector"></div>
<div class="top-bar-shell">
<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="poolProp">Prop Pool</span>: <strong><span id="g_poolHashrate"><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="you">You</span>: <strong><span id="g_userHashrate"><span tkey="na">N/A</span></span></strong></div>
<div><span id="statsUpdated"><span data-tkey="statsUpdated">Stats Updated</span> &nbsp;</span></div>
<div id="langSelector"></div>
</div>
</div>
<!-- Page content -->

32
website_example/themes/custom.css
View File

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