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