the docs layout imports the face it uses

docs/app/layout.tsx referenced ZenMono without importing it and without @hanzo/font in its dependencies at all, so the docs site could not compile: tsc reports "Cannot find name 'ZenMono'" on the bare tree. Both faces are imported from the package now, and the package is declared. The README hero card still asked for Inter.
This commit is contained in:
2026-08-28 11:28:44 -07:00
parent ff0f0c2bc7
commit 8d4749c4fb
3 changed files with 8 additions and 10 deletions
+4 -4
View File
@@ -1,9 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1280" height="640" viewBox="0 0 1280 640" role="img" aria-label="dex">
<rect width="1280" height="640" fill="#0A0A0A"/>
<svg x="96" y="215" width="210" height="210" viewBox="17 26 66 66"><path d="M50 88 L17.09 31 L82.91 31 Z" fill="#fff"/></svg>
<text x="378" y="276" font-family="Inter,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">dex</text>
<text x="378" y="322" font-family="Inter,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">Lux DEX — pure-Go matching engine, JSON-RPC/WebSocket/gRPC SDKs.…</text>
<text x="378" y="276" font-family="Zen,system-ui,-apple-system,sans-serif" font-size="78" font-weight="800" letter-spacing="-2" fill="#ffffff">dex</text>
<text x="378" y="322" font-family="Zen,system-ui,sans-serif" font-size="30" fill="#ffffff" opacity=".66">Lux DEX — pure-Go matching engine, JSON-RPC/WebSocket/gRPC SDKs.…</text>
<rect x="378" y="338" width="806" height="3" rx="1.5" fill="#ffffff" opacity=".9"/>
<text x="378" y="390" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/luxfi</text>
<text x="1184" y="390" text-anchor="end" font-family="Inter,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">lux.network</text>
<text x="378" y="390" font-family="Zen,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">github.com/luxfi</text>
<text x="1184" y="390" text-anchor="end" font-family="Zen,system-ui,sans-serif" font-size="24" font-weight="600" fill="#ffffff" opacity=".5">lux.network</text>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 1.0 KiB

+3 -6
View File
@@ -1,12 +1,9 @@
import "./global.css"
import { RootProvider } from "@hanzo/docs-ui/provider/next"
import { Zen } from '@hanzo/font'
import { Zen } from "@hanzo/font/sans"
import { ZenMono } from "@hanzo/font/mono"
import type { ReactNode } from "react"
const sans = Zen
const mono = ZenMono
export const metadata = {
title: {
default: "LX - Ultra-High Performance Decentralized Exchange Documentation",
@@ -19,7 +16,7 @@ export default function Layout({ children }: { children: ReactNode }) {
return (
<html
lang="en"
className={`${sans.variable} ${mono.variable}`}
className={`${Zen.variable} ${ZenMono.variable}`}
suppressHydrationWarning
>
<body className="min-h-svh bg-background font-sans antialiased">
+1
View File
@@ -12,6 +12,7 @@
},
"dependencies": {
"@hanzo/docs": "^16.4.4",
"@hanzo/font": "^1.9.2",
"@hanzo/docs-core": "^16.9.3",
"@hanzo/docs-ui": "^16.9.3",
"@hanzo/mdx": "^14.2.5",