ruicesar/rx.scoreodonto.com
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

style: compactacao de layout e espacos verticais no dashboard, conexoes e clinicas
continuous-integration/webhook Deploy concluido (rx.scoreodonto.com)
Details

Browse Source
This commit is contained in:
VPS 4 Builder
2026-05-26 21:20:40 +02:00
parent a41fbb7e16
commit 327911c81b
5 changed files with 54 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dental-server/public/clients.html
+25 -24
View File
@@ -191,7 +191,6 @@
});
}
</script>
</head>
<body class="app-container">
<!-- Sidebar -->
<aside class="sidebar">
@@ -199,7 +198,7 @@
<div class="logo-icon">
<i class="fa-solid fa-tooth"></i>
</div>
<h2>RF Dental</h2>
<h2>RF Dental <span style="font-size: 10px; opacity: 0.5; font-weight: 500; margin-left: 4px; vertical-align: middle;">v2.1.0</span></h2>
</div>
<nav class="sidebar-nav">
@@ -244,7 +243,6 @@
<button id="logoutBtn" class="logout-btn" onclick="logout(); return false;">
<i class="fa-solid fa-arrow-right-from-bracket"></i> Sair
</button>
<div class="system-version">v2.1.0</div>
</div>
</aside>
@@ -252,30 +250,33 @@
<div class="clients-container">
<div class="clients-header">
<div>
<h1>🖥️ Clientes Conectados</h1>
<p style="color: var(--text-secondary); margin-top: 5px; font-size: 1rem; font-weight: 500;">Monitoramento em tempo real dos clientes Socket.IO</p>
</div>
<div class="header-actions">
<a href="/" class="btn btn-secondary">← Voltar</a>
<button class="btn btn-primary" onclick="loadClients()">🔄 Atualizar</button>
<button class="btn btn-success" onclick="testConnection()" id="testBtn">🧪 Testar Conexão</button>
</div>
</div>
<div class="stats" id="stats">
<!-- Stats serão carregados aqui -->
</div>
<div class="clients-list-card">
<div id="clientsList">
<div class="empty-state">
<div class="spinner" style="margin: 0 auto 16px auto;"></div>
Carregando...
<h1 style="display: flex; align-items: center; gap: 10px; flex-wrap: wrap;">
🖥️ Clientes Conectados
<span style="font-size: 0.85rem; padding: 6px 12px; border-radius: 20px; background: rgba(79, 70, 229, 0.15); color: var(--primary-color); font-weight: 600;">
Conexões: <span id="stat-total">0</span>
</span>
<span style="font-size: 0.85rem; padding: 6px 12px; border-radius: 20px; background: rgba(16, 185, 129, 0.15); color: var(--success-color); font-weight: 600;">
Identificados: <span id="stat-identified">0</span>
</span>
</h1>
</div>
<div class="header-actions">
<a href="/" class="btn btn-secondary">← Voltar</a>
<button class="btn btn-primary" onclick="loadClients()">🔄 Atualizar</button>
<button class="btn btn-success" onclick="testConnection()" id="testBtn">🧪 Testar Conexão</button>
</div>
</div>
<div class="timestamp" id="timestamp"></div>
<div class="clients-list-card" style="margin-top: 24px;">
<div id="clientsList">
<div class="empty-state">
<div class="spinner" style="margin: 0 auto 16px auto;"></div>
Carregando...
</div>
</div>
<div class="timestamp" id="timestamp"></div>
</div>
</div>
</div>
<script src="/socket.io/socket.io.js"></script>
<script>