style: melhora layout de login e settings

- Badge Helpdesk preta com texto branco
- Texto maior no painel direito das páginas de auth
- Badge de papel preta em settings
- Adiciona descrição na seção Segurança
- Espaçamento entre título e campos no formulário de login
- Autocomplete nos inputs de senha
- Link de notificações funcional no menu do usuário
- Fallback do avatar com fundo cinza e texto preto

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
rever-tecnologia 2025-12-15 11:13:00 -03:00
parent ab7dfa81ca
commit b614fcd7dc
6 changed files with 39 additions and 25 deletions

View file

@ -60,7 +60,7 @@ export function LoginPageClient() {
<span className="text-2xl font-bold tracking-tight text-neutral-900">
Raven
</span>
<span className="rounded-full bg-cyan-100 px-2.5 py-0.5 text-xs font-medium text-cyan-700 border border-cyan-200">
<span className="rounded-full bg-neutral-900 px-2.5 py-0.5 text-xs font-medium text-white">
Helpdesk
</span>
</div>
@ -90,10 +90,10 @@ export function LoginPageClient() {
</div>
<div className="relative hidden overflow-hidden bg-gradient-to-br from-neutral-800 via-neutral-700 to-neutral-600 lg:flex">
<ShaderBackground className="h-full w-full opacity-50" />
<div className="absolute inset-0 flex items-center justify-center">
<div className="absolute inset-0 flex items-center justify-center px-8">
<div className="text-center text-white">
<h2 className="text-3xl font-bold tracking-tight">Bem-vindo de volta</h2>
<p className="mt-2 text-neutral-300">
<h2 className="text-5xl font-bold tracking-tight leading-tight">Bem-vindo de volta</h2>
<p className="mt-4 text-xl text-neutral-300">
Gerencie seus chamados e tickets de forma simples
</p>
</div>