mgonzalez/project.linkedcorp.net
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: version 2.8.12 -- logo de LinkedCorp en el login con clase propia (40px) y layout izq/der

Browse Source 
El icono de LinkedCorp reusaba la clase del logo de empresa (80px), asi que se salia de la
tarjeta al querer achicarlo. Se le da su propia clase (40px) y el layout del login pasa a
alinear el logo de empresa a la izquierda y LinkedCorp a la derecha, sin desbordar margenes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-02 20:08:35 -05:00
parent 8c92c54449
commit 4387b23f45
6 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/Login/LoginPage.jsx
+1 -1
View File
@@ -42,7 +42,7 @@ export default function LoginPage() {
<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" />
<img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-linkedcorp-icon" />
<span className="login-logo-linkedcorp-text">LinkedCorp</span>
</div>
)}
frontend/src/styles/app.css
+4 -3
View File
@@ -342,10 +342,11 @@ 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: center; gap: 24px; margin-bottom: 16px; }
.login-logo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.login-logo-img { height: 80px; width: auto; }
.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; top: -50px; }
.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)); }
.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; }
.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; }
.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; }