zudoku 0.3.0-dev.57 → 0.3.0-dev.58

package/lib/zudoku.plugin-openapi.js

@@ -1,8 +1,8 @@
 import "./jsx-runtime-CJZJivg2.js";
-import { o as n } from "./index-Bg82-bqR.js";
+import { o as n } from "./index-tOwoT-uJ.js";
 import "./urql-DMlBWUKL.js";
 import "zudoku/openapi-worker";
-import "./Markdown-DtLFdxD1.js";
+import "./Markdown-DQrAhTkw.js";
 import "./router-CBw2vqJE.js";
 export {
   n as openApiPlugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.57",
+  "version": "0.3.0-dev.58",
   "type": "module",
   "files": [
     "dist",

package/src/lib/components/Header.tsx

@@ -2,6 +2,7 @@ import { MoonStarIcon, SunIcon } from "lucide-react";
 import { memo } from "react";
 
 import { useAuth } from "../authentication/hook.js";
+import { cn } from "../util/cn.js";
 import { TopNavigation } from "./TopNavigation.js";
 import { useDevPortal } from "./context/DevPortalProvider.js";
 import { useTheme } from "./context/ThemeContext.js";
@@ -19,12 +20,22 @@ export const Header = memo(function HeaderInner() {
         <div className="grid grid-cols-[calc(var(--side-nav-width))_1fr] lg:gap-12 items-center border-b border-border px-12 h-[--top-header-height]">
           <div className="flex items-center gap-3.5">
             {page?.logo && (
-              <img
-                src={isDark ? page.logo.src.dark : page.logo.src.light}
-                alt={page.logo.alt ?? page.pageTitle}
-                style={{ width: page.logo.width }}
-                className="h-10"
-              />
+              <>
+                <img
+                  src={page.logo.src.light}
+                  alt={page.logo.alt ?? page.pageTitle}
+                  style={{ width: page.logo.width }}
+                  className={cn("h-10", isDark && "hidden")}
+                  loading="lazy"
+                />
+                <img
+                  src={page.logo.src.dark}
+                  alt={page.logo.alt ?? page.pageTitle}
+                  style={{ width: page.logo.width }}
+                  className={cn("h-10", !isDark && "hidden")}
+                  loading="lazy"
+                />
+              </>
             )}
             <span className="font-bold text-2xl text-foreground/85 tracking-wide">
               {page?.pageTitle}