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:
@@ -1,5 +1,11 @@
|
|||||||
# Changelog - project.linkedcorp.net
|
# 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
|
## [2.8.12] - 2026-10-02
|
||||||
### Fixed
|
### Fixed
|
||||||
- El ícono de LinkedCorp en el login compartía la misma clase CSS que el logo de empresa
|
- El ícono de LinkedCorp en el login compartía la misma clase CSS que el logo de empresa
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "project-linkedcorp-backend",
|
"name": "project-linkedcorp-backend",
|
||||||
"version": "2.8.12",
|
"version": "2.8.13",
|
||||||
"private": true,
|
"private": true,
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"main": "src/server.js",
|
"main": "src/server.js",
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
{
|
{
|
||||||
"name": "project-linkedcorp-frontend",
|
"name": "project-linkedcorp-frontend",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "2.8.12",
|
"version": "2.8.13",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@@ -40,12 +40,6 @@ export default function LoginPage() {
|
|||||||
<form className="login-card" onSubmit={handleSubmit}>
|
<form className="login-card" onSubmit={handleSubmit}>
|
||||||
<div className="login-logo">
|
<div className="login-logo">
|
||||||
<img src={branding.logoUrl || (theme === 'light' ? logoLight : logoDark)} alt={branding.name || t('appName')} className="login-logo-img" />
|
<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>
|
||||||
<div className="login-title">{t('login_title')}</div>
|
<div className="login-title">{t('login_title')}</div>
|
||||||
{error && <div className="login-error">{error}</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="/olvide-clave">{t('login_forgot_password')}</Link>
|
||||||
<Link to="/registro">{t('login_create_account')}</Link>
|
<Link to="/registro">{t('login_create_account')}</Link>
|
||||||
</div>
|
</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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -342,9 +342,9 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
|
|||||||
/* --- Login --- */
|
/* --- Login --- */
|
||||||
.login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); }
|
.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-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-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-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-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; }
|
.login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
|
||||||
|
|||||||
Reference in New Issue
Block a user