fix: use BASE_PATH for favicon references in subpath deployments

Hardcoded /favicon.svg paths skip the <base> tag and fail when served from a subpath like /server/. Now uses config.basePath in TSX and a relative href in index.html so the <base> tag resolves correctly. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-06 01:17:17 +02:00
parent d7001804f7
commit 4244dd82e9
3 changed files with 4 additions and 3 deletions
--- a/ui/index.html
+++ b/ui/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="favicon.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cameleer3</title>
  </head>
--- a/ui/src/auth/LoginPage.tsx
+++ b/ui/src/auth/LoginPage.tsx
@@ -85,7 +85,7 @@ export function LoginPage() {
      <Card className={styles.card}>
        <div className={styles.loginForm}>
          <div className={styles.logo}>
-            <img src="/favicon.svg" alt="" className={styles.logoImg} />
+            <img src={`${config.basePath}favicon.svg`} alt="" className={styles.logoImg} />
            cameleer3
          </div>
          <p className={styles.subtitle}>{subtitle}</p>
--- a/ui/src/components/LayoutShell.tsx
+++ b/ui/src/components/LayoutShell.tsx
@@ -1,4 +1,5 @@
 import { Outlet, useNavigate, useLocation } from 'react-router';
+import { config } from '../config';
 import {
  AppShell,
  Sidebar,
@@ -616,7 +617,7 @@ function LayoutContent() {

  // --- Render -------------------------------------------------------
  const camelLogo = (
-    <img src="/favicon.svg" alt="" style={{ width: 28, height: 24 }} />
+    <img src={`${config.basePath}favicon.svg`} alt="" style={{ width: 28, height: 24 }} />
  );

  const sidebarElement = (