admtracksteel/BotVPS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: HTML structural and UI improvements

Browse Source
This commit is contained in:
Marcos
2026-03-22 10:21:08 -03:00
parent 8e5258d804
commit f89793eb6b
1 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/index.html
View File

@@ -603,6 +603,7 @@
align-items: center;
justify-content: center;
z-index: 2000;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
transition: opacity 0.5s ease, visibility 0.5s;
}
@@ -619,14 +620,35 @@
text-align: center;
border: 1px solid var(--accent);
box-shadow: 0 0 30px var(--accent-glow);
background: var(--bg-card);
}
.login-card h2 {
.login-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
.login-title {
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 700;
background: linear-gradient(135deg, var(--accent), #8b5cf6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.login-desc {
color: var(--text-muted);
margin-bottom: 1.5rem;
font-size: 0.85rem;
}
.login-input {
margin-bottom: 1rem;
text-align: center;
font-size: 1.1rem;
letter-spacing: 0.2rem;
}
</style>
</head>
@@ -634,13 +656,11 @@
<body>
<div id="login-overlay">
<div class="card login-card">
<div style="font-size: 3rem; margin-bottom: 1rem;" role="img" aria-label="Cadeado de Segurança">🔒</div>
<h2>Acesso Restrito</h2>
<p style="color:var(--text-muted); margin-bottom:1.5rem; font-size:0.85rem;">Esta VPS está protegida. Insira
a senha mestra para gerenciar o Agente.</p>
<div class="login-icon" role="img" aria-label="Cadeado de Segurança">🔒</div>
<h2 class="login-title">Acesso Restrito</h2>
<p class="login-desc">Esta VPS está protegida. Insira a senha mestra para gerenciar o Agente.</p>
<input type="password" id="web-pass-input" aria-label="Senha da VPS" autocomplete="current-password"
class="form-input" placeholder="Senha da VPS"
style="margin-bottom:1rem; text-align:center; font-size: 1.1rem; letter-spacing: 0.2rem;"
class="form-input login-input" placeholder="Senha da VPS"
onkeypress="if(event.key==='Enter') attemptLogin()">
<button type="button" class="btn btn-primary" style="width:100%; padding: 0.8rem;"
onclick="attemptLogin()">Entrar no Dashboard</button>
@@ -808,17 +828,14 @@
</div>
<div class="insights-content" id="insights-panel">
<div class="insights-placeholder">
<div style="font-size: 2.5rem; margin-bottom: 1rem;" role="img"
aria-label="Gráfico de Insights">📊</div>
<div class="login-icon" role="img" aria-label="Gráfico de Insights">📊</div>
<p>Aguardando dados estruturados...</p>
<small style="display:block; margin-top:0.5rem; opacity:0.6;">Peça algo como "status dos
containers" para ver o refinamento aqui.</small>
<small style="display:block; margin-top:0.5rem; opacity:0.6;">Peça algo como "status dos containers" para ver o refinamento aqui.</small>
</div>
</div>
</div>
</main>
</div>
</div>
<div id="toast">Ação executada!</div>