feat: version 2.8.10 -- logo de LinkedCorp junto al de empresa en el login

Cuando hay un logo de empresa configurado (Configuracion > Empresa, caso exilaser), el login
ahora muestra tambien el logo de LinkedCorp a la derecha, a la misma altura, con el texto
"LinkedCorp" debajo del icono. Sin logo de empresa configurado, el login sigue igual.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-02 19:51:54 -05:00
parent 028126e3a4
commit 7134bdda26
6 changed files with 19 additions and 4 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "project-linkedcorp-frontend",
"private": true,
"version": "2.8.9",
"version": "2.8.10",
"type": "module",
"scripts": {
"dev": "vite",
+7
View File
@@ -9,6 +9,7 @@ import { Button } from '../../components/Button.jsx';
import { PasswordInput } from '../../components/PasswordInput.jsx';
import logoDark from '../../assets/logoLinkedCorpTxt.png';
import logoLight from '../../assets/logoLinkedCorpTxtBlack.png';
import logoLinkedCorpIcon from '../../assets/logoLinkedTrackIcon.png';
export default function LoginPage() {
const { login } = useAuth();
@@ -39,6 +40,12 @@ export default function LoginPage() {
<form className="login-card" onSubmit={handleSubmit}>
<div className="login-logo">
<img src={branding.logoUrl || (theme === 'light' ? logoLight : logoDark)} alt={branding.name || t('appName')} className="login-logo-img" />
{branding.logoUrl && (
<div className="login-logo-linkedcorp">
<img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-img" />
<span className="login-logo-linkedcorp-text">LinkedCorp</span>
</div>
)}
</div>
<div className="login-title">{t('login_title')}</div>
{error && <div className="login-error">{error}</div>}
+3 -1
View File
@@ -342,8 +342,10 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
/* --- Login --- */
.login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); }
.login-card { width: 340px; max-width: 92vw; background: rgb(var(--surface)); border: 1px solid rgb(var(--line)); border-radius: var(--r-lg); padding: 28px; }
.login-logo { display: flex; align-items: center; margin-bottom: 16px; }
.login-logo { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; }
.login-logo-img { height: 80px; width: auto; }
.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 1rem; line-height: 1; color: rgb(var(--body)); }
.login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
.login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }
.login-info { color: rgb(var(--success)); font-size: .82rem; margin-bottom: 10px; line-height: 1.5; }