其他按钮、文字等配色细节

This commit is contained in:
naiba 2021-08-06 11:48:34 +08:00
parent 5f140f1d04
commit 88e412fda6
20 changed files with 34 additions and 30 deletions

View File

@ -113,3 +113,7 @@
.nezha-primary-font {
color: #0338d6 !important;
}
.nezha-secondary-font {
color: rgb(10, 148, 242) !important;
}

View File

@ -7,7 +7,7 @@ function readableBytes(bytes) {
return parseFloat((bytes / Math.pow(1024, i)).toFixed(2)) + sizes[i];
}
const confirmBtn = $(".mini.confirm.modal .positive.button");
const confirmBtn = $(".mini.confirm.modal .nezha-primary-btn.button");
function showConfirm(title, content, callFn, extData) {
const modal = $(".mini.confirm.modal");
@ -34,7 +34,7 @@ function showFormModal(modelSelector, formID, URL, getData) {
closable: true,
onApprove: function () {
let success = false;
const btn = $(modelSelector + " .positive.button");
const btn = $(modelSelector + " .nezha-primary-btn.button");
const form = $(modelSelector + " form");
if (btn.hasClass("loading")) {
return success;
@ -106,7 +106,7 @@ function addOrEditAlertRule(rule) {
const modal = $(".rule.modal");
modal.children(".header").text((rule ? "修改" : "添加") + "报警规则");
modal
.find(".positive.button")
.find(".nezha-primary-btn.button")
.html(
rule ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>'
);
@ -125,7 +125,7 @@ function addOrEditNotification(notification) {
const modal = $(".notification.modal");
modal.children(".header").text((notification ? "修改" : "添加") + "通知方式");
modal
.find(".positive.button")
.find(".nezha-primary-btn.button")
.html(
notification
? '修改<i class="edit icon"></i>'
@ -159,7 +159,7 @@ function addOrEditServer(server) {
const modal = $(".server.modal");
modal.children(".header").text((server ? "修改" : "添加") + "服务器");
modal
.find(".positive.button")
.find(".nezha-primary-btn.button")
.html(
server ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>'
);
@ -184,7 +184,7 @@ function addOrEditMonitor(monitor) {
const modal = $(".monitor.modal");
modal.children(".header").text((monitor ? "修改" : "添加") + "监控");
modal
.find(".positive.button")
.find(".nezha-primary-btn.button")
.html(
monitor ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>'
);
@ -223,7 +223,7 @@ function addOrEditCron(cron) {
const modal = $(".cron.modal");
modal.children(".header").text((cron ? "修改" : "添加") + "计划任务");
modal
.find(".positive.button")
.find(".nezha-primary-btn.button")
.html(
cron ? '修改<i class="edit icon"></i>' : '添加<i class="add icon"></i>'
);

View File

@ -9,7 +9,7 @@
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.js"></script>
<script src="/static/semantic-ui-alerts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script>
<script src="/static/main.js?v202106302144"></script>
<script src="/static/main.js?v20210806"></script>
</body>
</html>

View File

@ -9,7 +9,7 @@
<title>{{.Title}}</title>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="/static/semantic-ui-alerts.min.css">
<link rel="stylesheet" type="text/css" href="/static/main.css?v20210806">
<link rel="stylesheet" type="text/css" href="/static/main.css?v2021080602">
<link rel="shortcut icon" type="image/png" href="/static/logo.svg?v20210804" />
</head>

View File

@ -40,7 +40,7 @@
</div>
</div>
{{else}}
<a href="/login" class="ui large nezha-primary-btn button"><i class="sign-in icon"></i>登录</a>
<a href="/login" class="ui large positive nezha-primary-btn button"><i class="sign-in icon"></i>登录</a>
{{end}}
</div>
</div>

View File

@ -5,7 +5,7 @@
</div>
<div class="actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">确认<i class="checkmark icon"></i>
<button class="ui positive nezha-primary-btn right labeled icon button">确认<i class="checkmark icon"></i>
</button>
</div>
</div>

View File

@ -52,7 +52,7 @@
</div>
<div class=" actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">确认<i class="checkmark icon"></i>
<button class="ui positive nezha-primary-btn right labeled icon button">确认<i class="checkmark icon"></i>
</button>
</div>
</div>

View File

@ -58,7 +58,7 @@
</div>
<div class="actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">
<button class="ui positive nezha-primary-btn right labeled icon button">
确认<i class="checkmark icon"></i>
</button>
</div>

View File

@ -40,7 +40,7 @@
</div>
<div class="actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">确认<i class="checkmark icon"></i>
<button class="ui positive nezha-primary-btn right labeled icon button">确认<i class="checkmark icon"></i>
</button>
</div>
</div>

View File

@ -22,7 +22,7 @@
</div>
<div class="actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">确认<i class="checkmark icon"></i>
<button class="ui positive nezha-primary-btn right labeled icon button">确认<i class="checkmark icon"></i>
</button>
</div>
</div>

View File

@ -28,7 +28,7 @@
</div>
<div class=" actions">
<div class="ui negative button">取消</div>
<button class="ui positive right labeled icon button">确认<i class="checkmark icon"></i>
<button class="ui positive nezha-primary-btn right labeled icon button">确认<i class="checkmark icon"></i>
</button>
</div>
</div>

View File

@ -5,7 +5,7 @@
<div class="ui container">
<div class="ui grid">
<div class="right floated right aligned twelve wide column">
<button class="ui right labeled positive icon button" onclick="addOrEditCron()"><i class="add icon"></i>
<button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditCron()"><i class="add icon"></i>
添加计划任务
</button>
</div>

View File

@ -3,7 +3,7 @@
<div class="login nb-container">
<div class="ui center aligned grid">
<div class="column">
<h2 class="ui nezha-primary-font image header">
<h2 class="ui image header">
<img src="/static/logo.svg?v20210804" class="image">
<div class="content">
访问受限

View File

@ -3,7 +3,7 @@
<div class="login nb-container">
<div class="ui center aligned grid">
<div class="column">
<h2 class="ui nezha-primary-font image header">
<h2 class="ui image header">
<img src="static/logo.svg?v20210804" class="image">
<div class="content">
使用 {{.LoginType}} 账号登录

View File

@ -4,7 +4,7 @@
<div class="ui container">
<div class="ui grid">
<div class="right floated right aligned twelve wide column">
<button class="ui right labeled positive icon button" onclick="addOrEditMonitor()">
<button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditMonitor()">
<i class="add icon"></i> 添加监控
</button>
</div>

View File

@ -5,7 +5,7 @@
<div class="ui container">
<div class="ui grid">
<div class="right floated right aligned twelve wide column">
<button class="ui right labeled positive icon button" onclick="addOrEditNotification()"><i
<button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditNotification()"><i
class="add icon"></i> 添加通知方式
</button>
</div>
@ -44,7 +44,7 @@
</table>
<div class="ui grid">
<div class="right floated right aligned twelve wide column">
<button class="ui right labeled positive icon button" onclick="addOrEditAlertRule()"><i
<button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditAlertRule()"><i
class="add icon"></i>
添加报警规则
</button>

View File

@ -5,7 +5,7 @@
<div class="ui container">
<div class="ui grid">
<div class="right floated right aligned twelve wide column">
<button class="ui right labeled positive icon button" onclick="addOrEditServer()"><i
<button class="ui right labeled nezha-primary-btn icon button" onclick="addOrEditServer()"><i
class="add icon"></i> 添加服务器
</button>
</div>

View File

@ -34,7 +34,7 @@
class="freebsd icon"
></i
>@#server.Name + (server.live?'':' [已离线]')#@
<i class="yellow info circle icon"></i>
<i class="nezha-secondary-font info circle icon"></i>
<div class="ui content popup" style="margin-bottom: 0">
系统:@#server.Host.Platform#@-@#server.Host.PlatformVersion#@
[<span v-if="server.Host.Virtualization"
@ -160,7 +160,7 @@
this.group()
},
mounted() {
$('.yellow.info.icon').popup({
$('.nezha-secondary-font.info.icon').popup({
popup: '.ui.content.popup',
exclusive: true,
});

View File

@ -6,7 +6,7 @@
<div class="login nb-container">
<div class="ui center aligned grid">
<div class="column">
<h2 class="ui nezha-primary-font image header">
<h2 class="ui image header">
<img src="static/logo.svg?v20210804" class="image">
<div class="content">
验证查看密码
@ -16,7 +16,7 @@
<div class="field">
<input type="password" name="Password">
</div>
<button class="ui button" type="submit">确认</button>
<button class="ui nezha-primary-btn button" type="submit">确认</button>
</form>
</div>
</div>

View File

@ -6,7 +6,7 @@
<div class="login nb-container">
<div class="ui center aligned grid">
<div class="column">
<h2 class="ui nezha-primary-font image header">
<h2 class="ui image header">
<img src="static/logo.svg?v20210804" class="image">
<div class="content">
验证查看密码
@ -16,7 +16,7 @@
<div class="field">
<input type="password" name="Password">
</div>
<button class="ui button" type="submit">确认</button>
<button class="ui nezha-primary-btn button" type="submit">确认</button>
</form>
</div>
</div>