feat(dashboard): add status filter pills and dim stopped services
- Add All/Running/Stopped filter pills with live counts in toolbar - Dim stopped service cards (55% opacity, red left border) - Cards brighten on hover for easy interaction Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -54,6 +54,11 @@
|
||||
<button class="btn btn-danger btn-sm" id="btn-group-stop" title="Stop all in group">■ Stop All</button>
|
||||
<button class="btn btn-warning btn-sm" id="btn-group-restart" title="Restart all in group">↻ Restart All</button>
|
||||
</div>
|
||||
<div class="toolbar-filters" id="status-filters">
|
||||
<button class="filter-pill active" data-filter="all">All</button>
|
||||
<button class="filter-pill" data-filter="running">Running <span id="count-running" class="filter-count"></span></button>
|
||||
<button class="filter-pill" data-filter="stopped">Stopped <span id="count-stopped" class="filter-count"></span></button>
|
||||
</div>
|
||||
<div class="toolbar-right">
|
||||
<input type="text" id="search-input" class="search-input" placeholder="Search services...">
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user