feat(ui): usa el logo real de LinkedCorp en vez del placeholder "LC"
Reemplaza el cuadro "LC" del NavigationView y del login por los logos oficiales de /desarrollo/imgLinkedCorp: logoLinkedCorpTxtBlack (tema claro, texto negro) y logoLinkedCorpTxt (tema oscuro, texto blanco), elegido segun el tema activo. En modo compacto del sidebar (sin espacio para el texto) se usa el isotipo redondo (logoLinked1) en vez del logo con texto. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -5,10 +5,12 @@ import { useAuth } from '../../context/auth-context.jsx';
|
||||
import { useUi } from '../../context/ui-context.jsx';
|
||||
import { Field } from '../../components/Field.jsx';
|
||||
import { Button } from '../../components/Button.jsx';
|
||||
import logoDark from '../../assets/logoLinkedCorpTxt.png';
|
||||
import logoLight from '../../assets/logoLinkedCorpTxtBlack.png';
|
||||
|
||||
export default function LoginPage() {
|
||||
const { login } = useAuth();
|
||||
const { t } = useUi();
|
||||
const { t, theme } = useUi();
|
||||
const navigate = useNavigate();
|
||||
const [email, setEmail] = useState('');
|
||||
const [password, setPassword] = useState('');
|
||||
@@ -33,9 +35,9 @@ export default function LoginPage() {
|
||||
<div className="login-shell">
|
||||
<form className="login-card" onSubmit={handleSubmit}>
|
||||
<div className="login-logo">
|
||||
<div className="nav-logo">LC</div>
|
||||
<div className="login-title">{t('login_title')}</div>
|
||||
<img src={theme === 'light' ? logoLight : logoDark} alt={t('appName')} className="login-logo-img" />
|
||||
</div>
|
||||
<div className="login-title">{t('login_title')}</div>
|
||||
{error && <div className="login-error">{error}</div>}
|
||||
<Field label={t('login_email')}>
|
||||
<input className="input" type="email" value={email} onChange={(e) => setEmail(e.target.value)} required autoFocus />
|
||||
|
||||
Reference in New Issue
Block a user