fix: version 2.8.13 -- mueve el logo de LinkedCorp al pie del login, junto al texto

El bloque de LinkedCorp pasa de estar junto al logo de empresa (arriba) a quedar debajo de
los links de "olvidaste tu contraseña"/"crear cuenta", centrado, con el texto a la derecha
del icono. El logo de empresa vuelve a mostrarse solo y centrado como antes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-02 20:14:18 -05:00
parent 4387b23f45
commit 27cf2712fb
6 changed files with 17 additions and 11 deletions
+6
View File
@@ -1,5 +1,11 @@
# Changelog - project.linkedcorp.net
## [2.8.13] - 2026-10-02
### Changed
- El logo de LinkedCorp del login se mueve debajo de "¿Olvidaste tu contraseña? / Crear cuenta",
centrado, con el texto "LinkedCorp" a la derecha del ícono (ya no arriba junto al logo de
empresa). El logo de empresa vuelve a verse solo y centrado arriba.
## [2.8.12] - 2026-10-02
### Fixed
- El ícono de LinkedCorp en el login compartía la misma clase CSS que el logo de empresa
+1 -1
View File
@@ -1 +1 @@
2.8.12
2.8.13
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "project-linkedcorp-backend",
"version": "2.8.12",
"version": "2.8.13",
"private": true,
"type": "module",
"main": "src/server.js",
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "project-linkedcorp-frontend",
"private": true,
"version": "2.8.12",
"version": "2.8.13",
"type": "module",
"scripts": {
"dev": "vite",
+6 -6
View File
@@ -40,12 +40,6 @@ 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-linkedcorp-icon" />
<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>}
@@ -62,6 +56,12 @@ export default function LoginPage() {
<Link to="/olvide-clave">{t('login_forgot_password')}</Link>
<Link to="/registro">{t('login_create_account')}</Link>
</div>
{branding.logoUrl && (
<div className="login-logo-linkedcorp-footer">
<img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-linkedcorp-icon" />
<span className="login-logo-linkedcorp-text">LinkedCorp</span>
</div>
)}
</form>
</div>
);
+2 -2
View File
@@ -342,9 +342,9 @@ 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; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.login-logo { display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.login-logo-img { height: 80px; width: auto; }
.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; }
.login-logo-linkedcorp-footer { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; }
.login-logo-linkedcorp-icon { height: 40px; width: auto; }
.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 0.9rem; line-height: 1; color: rgb(var(--body)); white-space: nowrap; }
.login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }