Doni/safesight-control
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: standalone btn-icon class, no btn inheritance

Browse Source
This commit is contained in:
tian 2026-05-08 12:02:49 +08:00
parent 468abeeec0
commit 9126bbcf4a
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
internal/web/ui/assets/style.css
View File

@ -170,7 +170,8 @@ main{padding:24px 28px 36px;max-width:1440px}
.btn,button,input,select,textarea{font:inherit}
.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--button-soft);color:var(--button-soft-text);cursor:pointer;font-size:11px;font-weight:500;line-height:1.15;min-height:30px;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.btn-icon{padding:0!important;width:22px!important;height:22px!important;min-height:0!important;gap:0;border-radius:3px;flex-shrink:0}
.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:0;padding:0;width:22px;height:22px;min-height:0;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--button-soft);color:var(--button-soft-text);cursor:pointer;font-size:11px;font-weight:500;line-height:1;flex-shrink:0;transition:background-color .16s ease}
.btn-icon:hover{background:var(--button-soft-hover)}
.btn:hover,button:hover{background:var(--button-soft-hover);border-color:#c3ccd6}
.btn.primary,button.primary{background:var(--primary-strong);border-color:var(--primary-strong);color:#f8fafc}
.btn.primary:hover,button.primary:hover{background:var(--primary-strong-hover);border-color:var(--primary-strong-hover)}

4
internal/web/ui/templates/face_gallery.html
View File

@ -35,10 +35,10 @@
<div style="margin-top:6px;display:flex;justify-content:space-between;align-items:center">
<div><span style="font-weight:500;font-size:13px">{{.Name}}</span> <span class="muted small">{{.PhotoCount}}张</span></div>
<div class="actions compact" style="gap:2px">
<button class="btn ghost btn-icon" type="button" title="编辑" onclick="showEdit({{.ID}},'{{.Name}}',[{{range $i,$p := .Photos}}{{if $i}},{{end}}'/ui/face-photo/{{$p}}'{{end}}])">&#9998;</button>
<button class="btn-icon ghost" type="button" title="编辑" onclick="showEdit({{.ID}},'{{.Name}}',[{{range $i,$p := .Photos}}{{if $i}},{{end}}'/ui/face-photo/{{$p}}'{{end}}])">&#9998;</button>
<form method="post" action="/ui/face-gallery/delete" style="display:inline" onsubmit="return confirm('确定删除 {{.Name}}？')">
<input type="hidden" name="id" value="{{.ID}}">
<button class="btn ghost btn-icon" type="submit" style="color:var(--danger-soft-text)" title="删除">&#10005;</button>
<button class="btn-icon ghost" type="submit" style="color:var(--danger-soft-text)" title="删除">&#10005;</button>
</form>
</div>
</div>

2
internal/web/ui/templates/layout.html
View File

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{.Title}}</title>
<link rel="stylesheet" href="/ui/assets/vendor/tabler.min.css" />
<link rel="stylesheet" href="/ui/assets/style.css?v=20260508-ia02" />
<link rel="stylesheet" href="/ui/assets/style.css?v=20260508-ia03" />
<link rel="stylesheet" href="/ui/assets/graph_editor.css?v=20260429-ia01" />
</head>
<body data-theme="blue-dark">