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/index.html
+11 -17
View File
@@ -17,7 +17,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">
@@ -62,7 +62,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>
@@ -78,13 +77,22 @@
<h1 id="mainTitle">Galeria de Imagens</h1>
</div>
<div class="header-actions">
<!-- Filtro de Clientes -->
<select id="clientFilter" class="client-filter" style="padding: 10px 16px; border-radius: 10px; border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-primary); font-size: 0.95rem; font-weight: 500; outline: none; min-width: 180px; cursor: pointer; height: 42px;">
<option value="">📋 Todos os Clientes</option>
</select>
<!-- Mostrar Ocultas -->
<button id="toggleDisabledBtn" class="btn btn-secondary" style="padding: 10px 16px; border-radius: 10px; font-weight: 500; font-size: 0.95rem; display: flex; align-items: center; gap: 6px; cursor: pointer; border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-primary); height: 42px;">
👁️ <span id="toggleText">Ocultas</span>
</button>
<input
type="search"
id="searchInput"
class="search-input"
placeholder="🔍 Pesquisar paciente..."
style="height: 42px; min-width: 200px;"
>
<button class="btn btn-secondary" onclick="loadClientsList()">
<button class="btn btn-secondary" onclick="loadClientsList()" style="height: 42px; display: flex; align-items: center; justify-content: center; padding: 10px 16px;">
<span class="icon">🔄</span>
</button>
</div>
@@ -101,20 +109,6 @@
<!-- Scrollable content area -->
<div class="content-scroll">
<!-- Toolbar de Filtros e Ações Rápidas -->
<div class="toolbar glass-card" style="margin-bottom: 24px; padding: 16px; display: flex; gap: 16px; align-items: center; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 12px; box-shadow: var(--shadow-sm);">
<div class="toolbar-left" style="display: flex; gap: 12px; align-items: center; flex-wrap: wrap;">
<!-- Filtro de Clientes -->
<select id="clientFilter" class="client-filter" style="padding: 10px 16px; border-radius: 10px; border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-primary); font-size: 0.95rem; font-weight: 500; outline: none; min-width: 200px; cursor: pointer;">
<option value="">📋 Todos os Clientes</option>
</select>
<!-- Mostrar Ocultas -->
<button id="toggleDisabledBtn" class="btn btn-secondary" style="padding: 10px 16px; border-radius: 10px; font-weight: 500; font-size: 0.95rem; display: flex; align-items: center; gap: 6px; cursor: pointer; border: 1px solid var(--border-color); background: var(--bg-surface); color: var(--text-primary);">
👁️ <span id="toggleText">Ocultas</span>
</button>
</div>
</div>
<!-- Loading State -->
<div id="loadingState" class="loading">