usite-sas-bic/prosapp-migration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: use real ProsApp logo in admin login and sidebar

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-25 16:15:05 -05:00
co-authored by Claude Sonnet 4.6
parent a5c1dd7c33
commit a81a01a06d
2 changed files with 5 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
admin/src/app/login/page.tsx
+4 -10
View File
@@ -32,11 +32,8 @@ export default function LoginPage() {
<div className="flex min-h-screen">
{/* Left panel — gradient */}
<div className="hidden lg:flex lg:w-1/2 flex-col items-center justify-center bg-gradient-to-br from-[#42A4EF] to-[#1565C0] text-white p-12">
<div className="mb-6 flex h-20 w-20 items-center justify-center rounded-2xl bg-white/20 backdrop-blur-sm">
<span className="text-4xl font-black text-white">P</span>
</div>
<h1 className="text-4xl font-black tracking-tight">ProsApp</h1>
<p className="mt-3 text-lg text-white/80">Panel de administración</p>
<img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="mb-4 h-20 w-auto object-contain drop-shadow-md" />
<p className="mt-2 text-lg text-white/80">Panel de administración</p>
<div className="mt-12 space-y-4 text-sm text-white/70 max-w-xs">
<div className="flex items-center gap-3">
<div className="h-1.5 w-1.5 rounded-full bg-white/60" />
@@ -62,11 +59,8 @@ export default function LoginPage() {
<div className="w-full max-w-sm space-y-8">
{/* Logo for mobile */}
<div className="flex flex-col items-center lg:hidden">
<div className="mb-3 flex h-14 w-14 items-center justify-center rounded-xl bg-[#42A4EF]">
<span className="text-2xl font-black text-white">P</span>
</div>
<h1 className="text-2xl font-black text-[#42A4EF]">ProsApp</h1>
<p className="text-sm text-muted-foreground">Panel de administración</p>
<img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="h-14 w-auto object-contain" />
<p className="mt-1 text-sm text-muted-foreground">Panel de administración</p>
</div>
<div>
admin/src/components/sidebar.tsx
+1 -6
View File
@@ -51,12 +51,7 @@ export default function Sidebar({ children }: { children: React.ReactNode }) {
>
<div className="flex h-14 items-center justify-between border-b px-3">
{!collapsed && (
<div className="flex items-center gap-2">
<div className="flex h-7 w-7 items-center justify-center rounded-lg bg-[#42A4EF]">
<span className="text-xs font-black text-white">P</span>
</div>
<span className="font-bold text-[#42A4EF]">ProsApp</span>
</div>
<img src="https://prosapp.co/img/logo_prosapp.png" alt="ProsApp" className="h-7 w-auto object-contain" />
)}
{collapsed && (
<div className="flex h-7 w-7 items-center justify-center rounded-lg bg-[#42A4EF] mx-auto">