Fix homepage client layout to show 3 clients per row

- Wrap client cards in Bootstrap row container
- Each client uses col-md-4 for 3 columns per row on medium+ screens
- Maintains responsive design for smaller screens
parent 90881382
......@@ -90,6 +90,7 @@ function updateClients() {
if (data.count === 0) {
clientListHtml = '<div class="text-center py-5"><i class="fas fa-server fa-4x text-muted mb-3"></i><h4 class="text-muted">No clients registered</h4><p class="text-muted">Clients will appear here when they register.</p></div>';
} else {
clientListHtml = '<div class="row">';
for (const [clientId, clientData] of Object.entries(data.clients)) {
const statusIcon = clientData.status === 'connected' ? 'fa-desktop text-success' : 'fa-server text-warning';
const statusText = clientData.status === 'connected' ? 'Connected' : 'Registered';
......@@ -114,6 +115,7 @@ function updateClients() {
</div>
</div>`;
}
clientListHtml += '</div>';
}
// Update client list only if changed
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment