ppfeiffer
d5ea4eee4a
Replace custom CSS layout with Bootstrap 5.3, add Bootstrap Icons, responsive card grid for stats, improved nodes table with hardware column, and styled message list. Online nodes highlighted in green. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
58 lines
1 KiB
CSS
58 lines
1 KiB
CSS
.status-dot {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background: var(--bs-danger);
|
|
}
|
|
|
|
.status-dot.connected {
|
|
background: var(--bs-success);
|
|
box-shadow: 0 0 6px var(--bs-success);
|
|
}
|
|
|
|
.battery-bar {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.battery-indicator {
|
|
width: 28px;
|
|
height: 13px;
|
|
border: 1.5px solid var(--bs-secondary);
|
|
border-radius: 2px;
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.battery-indicator::after {
|
|
content: '';
|
|
position: absolute;
|
|
right: -5px;
|
|
top: 2px;
|
|
width: 3px;
|
|
height: 7px;
|
|
background: var(--bs-secondary);
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
|
|
.battery-fill {
|
|
height: 100%;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.table-responsive::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
.table-responsive::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
.table-responsive::-webkit-scrollbar-thumb {
|
|
background: var(--bs-border-color);
|
|
border-radius: 3px;
|
|
}
|