style: simplify loop cards and update status icons

Loop Cards:
- Remove left border accent from cards (cleaner look)
- Remove status-specific border-left colors
- Keep simple 1px border all around

Status Icons Updated:
- created: circle → square
- running: activity → zap (lightning bolt)
- paused: pause-circle → pause
- completed: check-circle-2 → check
- failed: x-circle → alert-triangle

Both renderLoopCard() and getStatusIcon() functions updated for consistency.
This commit is contained in:
catlog22
2026-01-22 11:33:45 +08:00
parent 62d5ce3f34
commit ddb7fb7d7a
2 changed files with 11 additions and 19 deletions

View File

@@ -305,11 +305,11 @@ function renderLoopCard(loop) {
// Lucide icons for each status
const statusIcons = {
created: 'circle',
running: 'activity',
paused: 'pause-circle',
completed: 'check-circle-2',
failed: 'x-circle'
created: 'square',
running: 'zap',
paused: 'pause',
completed: 'check',
failed: 'alert-triangle'
};
// Check if this is a v2 loop (has title field) or v1 loop (has task_id field)
@@ -1318,13 +1318,13 @@ window.destroyLoopMonitor = function() {
// Helper functions
function getStatusIcon(status) {
const icons = {
created: 'circle',
running: 'activity',
paused: 'pause-circle',
completed: 'check-circle-2',
failed: 'x-circle'
created: 'square',
running: 'zap',
paused: 'pause',
completed: 'check',
failed: 'alert-triangle'
};
return icons[status] || 'circle';
return icons[status] || 'square';
}
function escapeHtml(text) {