22 lines
820 B
React
22 lines
820 B
React
/**
|
|
* AuthBgCol — colonne image gauche partagée entre toutes les pages d'authentification.
|
|
*
|
|
* L'image /login-bg.jpg contient les deux thèmes côte à côte (dark à gauche, light à droite).
|
|
* La classe CSS .login-bg-col utilise background-position pour focaliser sur la bonne moitié
|
|
* selon le thème actif ([data-theme="dark"] sur <html>).
|
|
*/
|
|
export default function AuthBgCol({ appInfo = {} }) {
|
|
return (
|
|
<div className="login-bg-col">
|
|
<div className="login-bg-overlay" aria-hidden="true" />
|
|
<div className="login-bg-brand">
|
|
{appInfo.iconUrl && (
|
|
<img src={appInfo.iconUrl} alt="" width={36} height={36}
|
|
style={{ borderRadius: 8, flexShrink: 0 }} />
|
|
)}
|
|
<span>{appInfo.appName || 'Crowdlending Tracker'}</span>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|