diff options
| author | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
|---|---|---|
| committer | Peter Stone <thepeterstone@gmail.com> | 2026-03-22 10:05:16 +0000 |
| commit | 11b905fd437d651b2e39745aa82a5dd36f70331e (patch) | |
| tree | a9019cfa8fc81b274622b5b414fbb8d5f602fa78 /web/templates/partials/sync-log.html | |
| parent | 77f4aa8d1f818169490a35bf2ec3eb43e60166b4 (diff) | |
style: modernize UI with dark glass theme and 40% bg opacity
Diffstat (limited to 'web/templates/partials/sync-log.html')
| -rw-r--r-- | web/templates/partials/sync-log.html | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/web/templates/partials/sync-log.html b/web/templates/partials/sync-log.html index e7f8191..89b7dcf 100644 --- a/web/templates/partials/sync-log.html +++ b/web/templates/partials/sync-log.html @@ -1,14 +1,16 @@ {{define "sync-log"}} <div id="sync-log"> {{if .}} - <div style="margin-top: 12px;"> - <div style="font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 6px;">Sync Activity</div> - {{range .}} - <div style="display: flex; gap: 8px; align-items: baseline; font-size: 0.8rem; padding: 3px 0; border-bottom: 1px solid var(--border-color, #2a2a2a);"> - <span style="color: var(--text-secondary); white-space: nowrap; font-family: monospace;">{{.CreatedAt.Format "15:04:05"}}</span> - <span style="color: var(--text-primary, #e0e0e0);">{{.Message}}</span> + <div class="mt-8"> + <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-3 px-1">Sync Activity</div> + <div class="space-y-1"> + {{range .}} + <div class="flex gap-4 items-baseline text-xs py-2 px-3 bg-slate-900/40 rounded border-b border-white/5 last:border-0 transition-colors hover:bg-slate-900/60"> + <span class="text-slate-500 font-mono whitespace-nowrap">{{.CreatedAt.Format "15:04:05"}}</span> + <span class="text-slate-300 leading-relaxed">{{.Message}}</span> + </div> + {{end}} </div> - {{end}} </div> {{end}} </div> |