esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(login): melhora layout da pagina de login
All checks were successful
CI/CD Web + Desktop / Detect changes (push) Successful in 4s
Details
CI/CD Web + Desktop / Deploy (VPS Linux) (push) Successful in 3m7s
Details
CI/CD Web + Desktop / Deploy Convex functions (push) Has been skipped
Details
Quality Checks / Lint, Test and Build (push) Successful in 3m24s
Details

Browse source 
- Adiciona bordas arredondadas e efeito suspenso no painel direito
- Aumenta proporcionalmente o header (Raven, Helpdesk, Por Rever Tecnologia)
- Ajusta posicionamento do header com margem superior

🤖 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-18 11:52:51 -03:00
parent 26b1a65ec4
commit 1a0574e7f4
1 changed files with 15 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/app/login/login-page-client.tsx
View file

@ -54,17 +54,17 @@ export function LoginPageClient() {
return ( return (
<div className="grid min-h-svh lg:grid-cols-2"> <div className="grid min-h-svh lg:grid-cols-2">
<div className="flex flex-col gap-6 p-6 md:p-10"> <div className="flex flex-col gap-6 p-6 md:p-10">
<div className="flex flex-col items-center gap-2 text-center"> <div className="mt-6 flex flex-col items-center gap-3 text-center">
<Link href="/" className="group flex flex-col items-center gap-2"> <Link href="/" className="group flex flex-col items-center gap-2">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2.5">
<span className="text-2xl font-bold tracking-tight text-neutral-900"> <span className="text-3xl font-bold tracking-tight text-neutral-900">
Raven Raven
</span> </span>
<span className="rounded-full bg-neutral-900 px-2.5 py-0.5 text-xs font-medium text-white"> <span className="rounded-full bg-neutral-900 px-3 py-1 text-sm font-medium text-white">
Helpdesk Helpdesk
</span> </span>
</div> </div>
<span className="text-sm text-neutral-500"> <span className="text-base text-neutral-500">
Por Rever Tecnologia Por Rever Tecnologia
</span> </span>
</Link> </Link>
@ -88,14 +88,16 @@ export function LoginPageClient() {
Desenvolvido por Esdras Renan Desenvolvido por Esdras Renan
</footer> </footer>
</div> </div>
<div className="relative hidden overflow-hidden bg-gradient-to-br from-neutral-800 via-neutral-700 to-neutral-600 lg:flex"> <div className="relative hidden items-center justify-center p-6 lg:flex">
<ShaderBackground className="h-full w-full opacity-50" /> <div className="relative h-[calc(100%-0px)] w-full overflow-hidden rounded-3xl bg-gradient-to-br from-neutral-800 via-neutral-700 to-neutral-600 shadow-2xl">
<div className="absolute inset-0 flex items-center justify-center px-8"> <ShaderBackground className="h-full w-full opacity-50" />
<div className="text-center text-white"> <div className="absolute inset-0 flex items-center justify-center px-8">
<h2 className="text-5xl font-bold tracking-tight leading-tight">Bem-vindo de volta</h2> <div className="text-center text-white">
<p className="mt-4 text-xl text-neutral-300"> <h2 className="text-5xl font-bold tracking-tight leading-tight">Bem-vindo de volta</h2>
Gerencie seus chamados e tickets de forma simples <p className="mt-4 text-xl text-neutral-300">
</p> Gerencie seus chamados e tickets de forma simples
</p>
</div>
</div> </div>
</div> </div>
</div> </div>