mirror of
https://github.com/nezhahq/nezha.git
synced 2025-02-02 09:38:13 -05:00
improve: status-server主题日常优化 (#467)
* improve: status-server主题日常优化 1.首页vps套餐流量增加一种类型max(in,out)类型，感谢@hi2global 2.network页修复逻辑缺陷 3.一些其他小优化 演示地址 https://dev.nezha.pp.ua/ * 修正 NetTransfer 展示方式
This commit is contained in:
nap0o
GitHub
parent
96c3fd433f
commit
c20dfdc7a3
@ -46,8 +46,6 @@ body[theme="dark"] .content {
|
|||||||
background-color: rgba(28, 29, 38, 1);
|
background-color: rgba(28, 29, 38, 1);
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
||||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body[theme="dark"] .table {
|
body[theme="dark"] .table {
|
||||||
|
|||||||
@ -74,8 +74,6 @@ body[theme="dark"] .content {
|
|||||||
background-color: rgba(28, 29, 38, 0.8);
|
background-color: rgba(28, 29, 38, 0.8);
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
||||||
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.5) 0 0.625em 2em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body[theme="dark"] .table > thead > tr.node-group-tag > th,
|
body[theme="dark"] .table > thead > tr.node-group-tag > th,
|
||||||
|
|||||||
@ -69,8 +69,6 @@ body[theme="light"] .content {
|
|||||||
background: rgba(255, 255, 255, 1);
|
background: rgba(255, 255, 255, 1);
|
||||||
color: rgba(0, 0, 0, 0.87);
|
color: rgba(0, 0, 0, 0.87);
|
||||||
border: 1px #cecece solid;
|
border: 1px #cecece solid;
|
||||||
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
|
|
||||||
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
|
|
||||||
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
|
box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -119,8 +117,7 @@ body[theme="light"] tr.odd.expandRow > :hover {
|
|||||||
body[theme="light"] .plan {
|
body[theme="light"] .plan {
|
||||||
color: #000000;
|
color: #000000;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
box-shadow: inset 0 -0.5px 2px rgba(0, 0, 0, .1);
|
||||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body[theme="light"] .progress-bar {
|
body[theme="light"] .progress-bar {
|
||||||
|
|||||||
@ -237,8 +237,8 @@ tr.accordion-toggle{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.node-cell.network {
|
.node-cell.network {
|
||||||
min-width: 100px;
|
min-width: 110px;
|
||||||
max-width: 100px;
|
max-width: 110px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.node-cell.traffic {
|
.node-cell.traffic {
|
||||||
|
|||||||
@ -28,8 +28,8 @@
|
|||||||
</span>
|
</span>
|
||||||
</aside>
|
</aside>
|
||||||
<template v-if="semiTransparent">
|
<template v-if="semiTransparent">
|
||||||
<link rel="stylesheet" href="/static/theme-server-status/css/light.plus.css?v20241008">
|
<link rel="stylesheet" href="/static/theme-server-status/css/light.plus.css?v20241103">
|
||||||
<link rel="stylesheet" href="/static/theme-server-status/css/dark.plus.css?v20241008">
|
<link rel="stylesheet" href="/static/theme-server-status/css/dark.plus.css?v20241103">
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
{{if ts .CustomCode}}{{.CustomCode|safe}}{{end}}
|
{{if ts .CustomCode}}{{.CustomCode|safe}}{{end}}
|
||||||
|
|||||||
@ -26,9 +26,9 @@
|
|||||||
<script src="https://unpkg.com/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
|
<script src="https://unpkg.com/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
|
||||||
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
|
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
|
||||||
<script src="https://unpkg.com/echarts@5.5.0/dist/echarts.min.js"></script>
|
<script src="https://unpkg.com/echarts@5.5.0/dist/echarts.min.js"></script>
|
||||||
<link rel="stylesheet" href="/static/theme-server-status/css/main.css?v20241029">
|
<link rel="stylesheet" href="/static/theme-server-status/css/main.css?v20241103">
|
||||||
<link rel="stylesheet" href="/static/theme-server-status/css/dark.css?v20241029">
|
<link rel="stylesheet" href="/static/theme-server-status/css/dark.css?v20241103">
|
||||||
<link rel="stylesheet" href="/static/theme-server-status/css/light.css?v20241029">
|
<link rel="stylesheet" href="/static/theme-server-status/css/light.css?v20241103">
|
||||||
<script src="/static/theme-server-status/js/mixin.js?v20240915"></script>
|
<script src="/static/theme-server-status/js/mixin.js?v20240915"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@ -96,17 +96,17 @@
|
|||||||
<span v-else><i class="bi bi-cash-stack"></i> @#node.additional.price.amount#@@#(node.additional.price.cycle ? '/' + node.additional.price.cycle : '')#@</span>
|
<span v-else><i class="bi bi-cash-stack"></i> @#node.additional.price.amount#@@#(node.additional.price.cycle ? '/' + node.additional.price.cycle : '')#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.remaining.endDate" class="plan enddate">
|
<span v-if="node.additional && node.additional.remaining.endDate" class="plan enddate">
|
||||||
<i class="bi bi-clock-history"></i>
|
|
||||||
<span v-if="node.additional.remaining.days == 'lifetime'">{{tr "Lifetime"}}</span>
|
<span v-if="node.additional.remaining.days == 'lifetime'">{{tr "Lifetime"}}</span>
|
||||||
<span v-else-if="node.additional.remaining.days < 0">{{tr "Expired"}}</span>
|
<span v-else-if="node.additional.remaining.days < 0">{{tr "Expired"}}</span>
|
||||||
<span v-else>@#node.additional.remaining.endDate.toISOString().split('T')[0]#@</span>
|
<span v-else><i class="bi bi-clock-history"></i> @#node.additional.remaining.endDate.toISOString().split('T')[0]#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.plan.bandwidth" class="plan bandwidth">
|
<span v-if="node.additional && node.additional.plan.bandwidth" class="plan bandwidth">
|
||||||
<i class="bi bi-speedometer2"></i>
|
<i class="bi bi-speedometer2"></i>
|
||||||
<span>@#node.additional.plan.bandwidth#@</span>
|
<span>@#node.additional.plan.bandwidth#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.plan.trafficVol" class="plan traffic">
|
<span v-if="node.additional && node.additional.plan.trafficVol" class="plan traffics">
|
||||||
<i v-if="node.additional && node.additional.plan.trafficType == 1" class="bi bi-arrow-up"></i>
|
<i v-if="node.additional && node.additional.plan.trafficType == 1" class="bi bi-arrow-up"></i>
|
||||||
|
<i v-else-if="node.additional && node.additional.plan.trafficType == 3" class="bi bi-arrows-collapse"></i>
|
||||||
<i v-else class="bi bi-arrow-down-up"></i>
|
<i v-else class="bi bi-arrow-down-up"></i>
|
||||||
<span>@#node.additional.plan.trafficVol#@</span>
|
<span>@#node.additional.plan.trafficVol#@</span>
|
||||||
</span>
|
</span>
|
||||||
@ -159,10 +159,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="node-cell-expand">
|
<span class="node-cell-expand">
|
||||||
<span class="node-cell-expand-label">{{tr "NetTransfer"}}:</span>
|
<span class="node-cell-expand-label">{{tr "NetTransfer"}}:</span>
|
||||||
<i class="arrow alternate circle down outline icon"
|
IN @#formatByteSize(node.state.NetInTransfer)#@ / OUT @#formatByteSize(node.state.NetOutTransfer)#@
|
||||||
style="margin: 0"></i>@#formatByteSize(node.state.NetInTransfer)#@
|
|
||||||
<i class="arrow alternate circle up outline icon"
|
|
||||||
style="margin: 0"></i>@#formatByteSize(node.state.NetOutTransfer)#@
|
|
||||||
</span>
|
</span>
|
||||||
<span class="node-cell-expand load">
|
<span class="node-cell-expand load">
|
||||||
<span class="node-cell-expand-label">{{tr "Load"}}:</span>
|
<span class="node-cell-expand-label">{{tr "Load"}}:</span>
|
||||||
|
|||||||
@ -99,17 +99,17 @@
|
|||||||
<span v-else><i class="bi bi-cash-stack"></i> @#node.additional.price.amount#@@#(node.additional.price.cycle ? '/' + node.additional.price.cycle : '')#@</span>
|
<span v-else><i class="bi bi-cash-stack"></i> @#node.additional.price.amount#@@#(node.additional.price.cycle ? '/' + node.additional.price.cycle : '')#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.remaining.endDate" class="plan enddate">
|
<span v-if="node.additional && node.additional.remaining.endDate" class="plan enddate">
|
||||||
<i class="bi bi-clock-history"></i>
|
|
||||||
<span v-if="node.additional.remaining.days == 'lifetime'">{{tr "Lifetime"}}</span>
|
<span v-if="node.additional.remaining.days == 'lifetime'">{{tr "Lifetime"}}</span>
|
||||||
<span v-else-if="node.additional.remaining.days < 0">{{tr "Expired"}}</span>
|
<span v-else-if="node.additional.remaining.days < 0">{{tr "Expired"}}</span>
|
||||||
<span v-else>@#node.additional.remaining.endDate.toISOString().split('T')[0]#@</span>
|
<span v-else><i class="bi bi-clock-history"></i> @#node.additional.remaining.endDate.toISOString().split('T')[0]#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.plan.bandwidth" class="plan bandwidth">
|
<span v-if="node.additional && node.additional.plan.bandwidth" class="plan bandwidth">
|
||||||
<i class="bi bi-speedometer2"></i>
|
<i class="bi bi-speedometer2"></i>
|
||||||
<span>@#node.additional.plan.bandwidth#@</span>
|
<span>@#node.additional.plan.bandwidth#@</span>
|
||||||
</span>
|
</span>
|
||||||
<span v-if="node.additional && node.additional.plan.trafficVol" class="plan traffic">
|
<span v-if="node.additional && node.additional.plan.trafficVol" class="plan traffics">
|
||||||
<i v-if="node.additional && node.additional.plan.trafficType == 1" class="bi bi-arrow-up"></i>
|
<i v-if="node.additional && node.additional.plan.trafficType == 1" class="bi bi-arrow-up"></i>
|
||||||
|
<i v-else-if="node.additional && node.additional.plan.trafficType == 3" class="bi bi-arrows-collapse"></i>
|
||||||
<i v-else class="bi bi-arrow-down-up"></i>
|
<i v-else class="bi bi-arrow-down-up"></i>
|
||||||
<span>@#node.additional.plan.trafficVol#@</span>
|
<span>@#node.additional.plan.trafficVol#@</span>
|
||||||
</span>
|
</span>
|
||||||
@ -162,10 +162,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<span class="node-cell-expand">
|
<span class="node-cell-expand">
|
||||||
<span class="node-cell-expand-label">{{tr "NetTransfer"}}:</span>
|
<span class="node-cell-expand-label">{{tr "NetTransfer"}}:</span>
|
||||||
<i class="arrow alternate circle down outline icon"
|
IN @#formatByteSize(node.state.NetInTransfer)#@ / OUT @#formatByteSize(node.state.NetOutTransfer)#@
|
||||||
style="margin: 0"></i>@#formatByteSize(node.state.NetInTransfer)#@
|
|
||||||
<i class="arrow alternate circle up outline icon"
|
|
||||||
style="margin: 0"></i>@#formatByteSize(node.state.NetOutTransfer)#@
|
|
||||||
</span>
|
</span>
|
||||||
<span class="node-cell-expand load">
|
<span class="node-cell-expand load">
|
||||||
<span class="node-cell-expand-label">{{tr "Load"}}:</span>
|
<span class="node-cell-expand-label">{{tr "Load"}}:</span>
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="chartTitle" @click="showCharts(nextServerId)"><i class="chartCountryCode" :class="'fi fi-' + chartCountryCode"></i> @#chartTitle#@</div>
|
<div v-if="chartTitle" class="chartTitle" @click="showCharts(nextServerId)"><i class="chartCountryCode" :class="'fi fi-' + chartCountryCode"></i> @#chartTitle#@</div>
|
||||||
<div id="chartbox" style="width:100%;height:auto;"></div>
|
<div id="chartbox" style="width:100%;height:auto;"></div>
|
||||||
</div>
|
</div>
|
||||||
{{template "theme-server-status/footer" .}}
|
{{template "theme-server-status/footer" .}}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user