fix(web-evals): lift Fraunces/IBM Plex Sans font setup to shared evals layout

Move --font-display and --font-body CSS variable declarations from
workers/page.tsx into a new evals/layout.tsx so all evals sub-pages
(methodology, workers, workers/[roleId], etc.) inherit the font
variables without duplicating the setup.
This commit is contained in:
Roo Code 2026-02-13 03:39:25 +00:00
parent b3fb878c71
commit 8cf93a786f
2 changed files with 17 additions and 15 deletions

View file

@ -0,0 +1,8 @@
import { Fraunces, IBM_Plex_Sans } from "next/font/google"
const display = Fraunces({ subsets: ["latin"], variable: "--font-display" })
const body = IBM_Plex_Sans({ subsets: ["latin"], weight: ["400", "500", "600"], variable: "--font-body" })
export default function EvalsLayout({ children }: { children: React.ReactNode }) {
return <div className={`${body.variable} ${display.variable} [font-family:var(--font-body)]`}>{children}</div>
}

View file

@ -1,5 +1,4 @@
import type { Metadata } from "next"
import { Fraunces, IBM_Plex_Sans } from "next/font/google"
import { SEO } from "@/lib/seo"
import { ogImageUrl } from "@/lib/og"
@ -15,9 +14,6 @@ const DESCRIPTION =
const OG_DESCRIPTION = "Outcome-first recommendations for shipping production code"
const PATH = "/evals/workers"
const display = Fraunces({ subsets: ["latin"], variable: "--font-display" })
const body = IBM_Plex_Sans({ subsets: ["latin"], weight: ["400", "500", "600"], variable: "--font-body" })
export const metadata: Metadata = {
title: TITLE,
description: DESCRIPTION,
@ -79,16 +75,14 @@ export default function WorkersPage() {
.pop()
return (
<div className={`${body.variable} ${display.variable} [font-family:var(--font-body)]`}>
<WorkersContent
roles={roles}
recommendations={recommendations}
totalEvalRuns={totalEvalRuns}
totalExercises={totalExercises}
totalModels={totalModels}
lastUpdated={lastUpdated}
workersRootPath="/evals/workers"
/>
</div>
<WorkersContent
roles={roles}
recommendations={recommendations}
totalEvalRuns={totalEvalRuns}
totalExercises={totalExercises}
totalModels={totalModels}
lastUpdated={lastUpdated}
workersRootPath="/evals/workers"
/>
)
}