kami/Maven
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

mavweb: unify UI — shared ui.css + nav partial across all pages

Browse Source 
One theme (the PWA's dark palette) for dash/history/trace/notifications/
tools/passkey via static/ui.css; shared nav template with active-page
highlight; tables wrapped in .scroll so they pan on phones; PWA nav no
longer clips the RU/EN toggle; dash 'updated' timestamp fixed (selector
matched nothing). AGENTS.md documents the local preview/screenshot recipe.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ASstMtsZWLSRcD1Tq8T68Q
This commit is contained in:
kami
2026-07-05 18:36:31 +04:00
parent a158ffd1d2
commit d7c0cf89d3
9 changed files with 215 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cmd/mavweb/notifications.html
+13 -45
View File
@@ -1,49 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Notifications — Maven</title>
<style>
body{background:#111;color:#ddd;font-family:system-ui,sans-serif;margin:0;padding:1rem;font-size:.9rem}
a{color:#00aaff;text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.2rem;font-weight:400;color:#888;letter-spacing:.1em;text-transform:uppercase}
nav{margin-bottom:1rem;display:flex;gap:1rem}
nav a{font-size:.85rem;letter-spacing:.05em;text-transform:uppercase;color:#666}
nav a:hover{color:#ddd}
table{width:100%;border-collapse:collapse;margin-top:.5rem}
th,td{padding:.4rem .5rem;text-align:left;border-bottom:1px solid #222;white-space:nowrap}
th{color:#555;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}
td{color:#aaa}
.rule{color:#00ff88;font-weight:600}
.chan{font-size:.75rem;color:#555;background:#1a1a2e;padding:.15rem .35rem;border-radius:3px}
.pending{color:#888}
.acted{color:#00ff88}
.snoozed{color:#ffaa00}
.ignored{color:#ff4444}
.msg{color:#666;max-width:300px;overflow:hidden;text-overflow:ellipsis}
.ts{color:#555;font-size:.8rem}
.empty{color:#555;padding:2rem;text-align:center}
</style>
</head>
<body>
<nav>
<a href=/dash>dash</a>
<a href=/trace>trace</a>
<a href=/tools>tools</a>
<a href=/history>history</a>
</nav>
<h1>Notifications</h1>
{{if .Nudges}}<table>
<!doctype html><meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<title>maven · notifications</title>
<link rel=stylesheet href=/ui.css>
<style>.text{max-width:22rem}</style>
{{template "nav" "notifications"}}
<h1>notifications</h1>
{{if .Nudges}}<div class=scroll><table>
<tr><th>when</th><th>rule</th><th>channel</th><th>outcome</th><th>message</th></tr>
{{range .Nudges}}<tr>
<td class=ts>{{.Ts.Format "15:04"}}</td>
<td class=rule>{{.Rule}}</td>
<td><span class=chan>{{.Channel}}</span></td>
<td class=muted>{{.Ts.Format "15:04"}}</td>
<td class=key>{{.Rule}}</td>
<td><span class=badge>{{.Channel}}</span></td>
<td class={{.Outcome}}>{{.Outcome}}</td>
<td class=msg>{{.Message}}</td>
</tr>{{end}}</table>
<td class=text>{{.Message}}</td>
</tr>{{end}}</table></div>
{{else}}<div class=empty>no notifications yet</div>{{end}}
</body>
</html>