feat: version 2.1.0 -- logo de marca separado en barra lateral

El logo de empresa (Configuracion > Empresa) ahora va en un espacio
nuevo arriba de la barra lateral, solo visible si esta configurado.
El logo de LinkedCorp de abajo deja de ser configurable: identifica
siempre al desarrollador del sistema, sin importar que empresa lo use.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-09-22 11:40:55 -05:00
parent 81e495b533
commit 43fef6048e
7 changed files with 38 additions and 6 deletions
+1 -1
View File
@@ -1,7 +1,7 @@
{
"name": "project-linkedcorp-frontend",
"private": true,
"version": "2.0.2",
"version": "2.1.0",
"type": "module",
"scripts": {
"dev": "vite",
+11 -2
View File
@@ -26,6 +26,15 @@ export function NavigationView({ mode }) {
const brandName = branding.name || t('appName');
return (
<nav className={`nav-view ${mode}`}>
{branding.logoUrl && (
<div className="nav-header">
<img
src={branding.logoUrl}
alt={brandName}
className={compact ? 'nav-logo-icon-header' : 'nav-logo-full-header'}
/>
</div>
)}
<div className="nav-items">
{items.map((item) => (
<NavLink key={item.to} to={item.to} end={item.end} className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
@@ -36,10 +45,10 @@ export function NavigationView({ mode }) {
</div>
<div className="nav-footer">
{compact ? (
<img src={branding.logoUrl || logoIcon} alt={brandName} className="nav-logo-icon-footer" />
<img src={logoIcon} alt="LinkedCorp" className="nav-logo-icon-footer" />
) : (
<>
<img src={branding.logoUrl || (theme === 'light' ? logoLight : logoDark)} alt={brandName} className="nav-logo-full-footer" />
<img src={theme === 'light' ? logoLight : logoDark} alt="LinkedCorp" className="nav-logo-full-footer" />
<span className="nav-version">v{pkg.version}</span>
</>
)}
+7
View File
@@ -65,6 +65,13 @@ button { font-family: inherit; }
.nav-view.compact .nav-footer { align-items: center; }
.nav-logo-icon-footer { width: 40px; height: 40px; flex: none; object-fit: contain; }
.nav-logo-full-footer { height: 36px; width: auto; max-width: 100%; object-fit: contain; }
.nav-header {
display: flex; align-items: center; justify-content: flex-start;
padding: 14px 12px; border-bottom: 1px solid rgb(var(--line));
}
.nav-view.compact .nav-header { justify-content: center; padding: 14px 8px; }
.nav-logo-icon-header { width: 36px; height: 36px; flex: none; object-fit: contain; }
.nav-logo-full-header { height: 32px; width: auto; max-width: 100%; object-fit: contain; }
.content-column { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.topbar {