@@ -280,6 +323,7 @@ export default function App() {
}
return (
+
{renderLayout()}
@@ -293,6 +337,7 @@ export default function App() {
if (layoutMode && ['bottom-right', 'bottom-left', 'top-right', 'top-left'].includes(layoutMode)) {
return (
+
{renderLayout()}
@@ -303,6 +348,7 @@ export default function App() {
}
return (
+
{renderLayout()}
diff --git a/src/frontend/src/Content.tsx b/src/frontend/src/Content.tsx
index dff9290..1deedec 100644
--- a/src/frontend/src/Content.tsx
+++ b/src/frontend/src/Content.tsx
@@ -82,7 +82,7 @@ export function Content({ config, routes, selectedItem }: ContentProps) {
if (selectedItem) {
return (
-
+
{loadingContent ? (
Loading content...
) : markdown ? (
diff --git a/src/frontend/src/Header.tsx b/src/frontend/src/Header.tsx
index 953f834..6ab5bf1 100644
--- a/src/frontend/src/Header.tsx
+++ b/src/frontend/src/Header.tsx
@@ -10,21 +10,36 @@ export function Header({ config }: { config: UIConfig }) {
: config.components?.header
const header = (headerComponent?.props || headerSlot?.props) as {
logoText?: string
+ logoImage?: string
links?: { label: string; href: string }[]
cta?: { label: string; href: string }
} | undefined
+ // Get logo configuration - support both header.logoImage and config.logo
+ const logoConfig = config.logo
+ const isDarkMode = document.documentElement.classList.contains('dark')
+ const logoSrc = header?.logoImage || (logoConfig ? (isDarkMode ? (logoConfig.dark || logoConfig.light) : (logoConfig.light || logoConfig.dark)) : null)
+ const logoHref = logoConfig?.href || '/'
+
return (