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:
@@ -1,5 +1,11 @@
|
|||||||
# Changelog - project.linkedcorp.net
|
# Changelog - project.linkedcorp.net
|
||||||
|
|
||||||
|
## [2.8.10] - 2026-10-02
|
||||||
|
### Added
|
||||||
|
- Login: cuando hay un logo de empresa configurado (caso exilaser), ahora se muestra también el
|
||||||
|
logo de LinkedCorp a la derecha, a la misma altura, con el texto "LinkedCorp" debajo del ícono.
|
||||||
|
Sin logo de empresa configurado (caso LinkedCorp), el login no cambia.
|
||||||
|
|
||||||
## [2.8.9] - 2026-10-02
|
## [2.8.9] - 2026-10-02
|
||||||
### Changed
|
### Changed
|
||||||
- Texto "LinkedCorp" del logo del sidebar: tamaño reducido de 1.3rem a 1.0rem.
|
- Texto "LinkedCorp" del logo del sidebar: tamaño reducido de 1.3rem a 1.0rem.
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "project-linkedcorp-backend",
|
"name": "project-linkedcorp-backend",
|
||||||
"version": "2.8.9",
|
"version": "2.8.10",
|
||||||
"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.9",
|
"version": "2.8.10",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite",
|
||||||
|
|||||||
@@ -9,6 +9,7 @@ import { Button } from '../../components/Button.jsx';
|
|||||||
import { PasswordInput } from '../../components/PasswordInput.jsx';
|
import { PasswordInput } from '../../components/PasswordInput.jsx';
|
||||||
import logoDark from '../../assets/logoLinkedCorpTxt.png';
|
import logoDark from '../../assets/logoLinkedCorpTxt.png';
|
||||||
import logoLight from '../../assets/logoLinkedCorpTxtBlack.png';
|
import logoLight from '../../assets/logoLinkedCorpTxtBlack.png';
|
||||||
|
import logoLinkedCorpIcon from '../../assets/logoLinkedTrackIcon.png';
|
||||||
|
|
||||||
export default function LoginPage() {
|
export default function LoginPage() {
|
||||||
const { login } = useAuth();
|
const { login } = useAuth();
|
||||||
@@ -39,6 +40,12 @@ 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-img" />
|
||||||
|
<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>}
|
||||||
|
|||||||
@@ -342,8 +342,10 @@ 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; 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-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-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
|
||||||
.login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }
|
.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; }
|
.login-info { color: rgb(var(--success)); font-size: .82rem; margin-bottom: 10px; line-height: 1.5; }
|
||||||
|
|||||||
Reference in New Issue
Block a user