mirror of
https://github.com/kiddin9/op-packages.git
synced 2026-11-07 04:34:05 +08:00
80 lines
2.6 KiB
HTML
80 lines
2.6 KiB
HTML
<div class="netstat-about-card">
|
|
<strong class="netstat-about-title"><%:LuCI Netstat%></strong>
|
|
<p class="netstat-about-sub">
|
|
<%:Frontend for traffic monitoring and usage charts on OpenWrt.%>
|
|
</p>
|
|
|
|
<div class="netstat-about-grid">
|
|
<div class="netstat-about-row">
|
|
<span class="netstat-about-label"><%:Developer%></span>
|
|
<strong>NoobLk</strong>
|
|
</div>
|
|
|
|
<div class="netstat-about-row">
|
|
<span class="netstat-about-label"><%:Repository%></span>
|
|
<a href="https://github.com/nooblk-98/luci-app-netstat"
|
|
target="_blank" rel="noopener noreferrer">
|
|
github.com/nooblk-98/luci-app-netstat
|
|
</a>
|
|
</div>
|
|
|
|
<div class="netstat-about-row">
|
|
<span class="netstat-about-label"><%:Contributors%></span>
|
|
<a href="https://github.com/nooblk-98/luci-app-netstat/graphs/contributors"
|
|
target="_blank" rel="noopener noreferrer">
|
|
<%:View on GitHub%>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="netstat-about-row">
|
|
<span class="netstat-about-label"><%:License%></span>
|
|
<span>GPL-3.0</span>
|
|
</div>
|
|
|
|
<div class="netstat-about-row">
|
|
<span class="netstat-about-label"><%:Issues / Support%></span>
|
|
<a href="https://github.com/nooblk-98/luci-app-netstat/issues"
|
|
target="_blank" rel="noopener noreferrer">
|
|
<%:Open an issue%>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="netstat-about-sep">
|
|
<p class="netstat-about-foot">
|
|
<%:Made with%> ♥ <%:for the OpenWrt community%>
|
|
</p>
|
|
</div>
|
|
|
|
<style>
|
|
/* Layout only: colours and backgrounds come from the active LuCI theme. */
|
|
.netstat-about-card { max-width: 520px; }
|
|
.netstat-about-title { display: block; margin: 0 0 4px; font-size: 15px; }
|
|
.netstat-about-sub { margin: 0 0 16px; font-size: 13px; opacity: 0.7; }
|
|
.netstat-about-sep { border: none; border-top: 1px solid rgba(128, 128, 128, 0.3); margin: 16px 0 12px; }
|
|
.netstat-about-foot { margin: 0; font-size: 12px; opacity: 0.7; text-align: center; }
|
|
|
|
.netstat-about-grid { display: flex; flex-direction: column; gap: 10px; }
|
|
|
|
.netstat-about-row {
|
|
display: flex;
|
|
align-items: baseline;
|
|
gap: 8px;
|
|
font-size: 13px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.netstat-about-label {
|
|
min-width: 110px;
|
|
flex-shrink: 0;
|
|
opacity: 0.7;
|
|
font-weight: 500;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.netstat-about-row { flex-direction: column; gap: 2px; }
|
|
.netstat-about-label { min-width: unset; }
|
|
}
|
|
</style>
|
|
|