fix(web): add uppercase fallback on nav and page titles
text-display alone is correct in source but stale web_dist or missing DS CSS leaves nav looking title-cased; explicit uppercase restores brand chrome. Document Vite vs dashboard URL in web README. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -17,9 +17,14 @@ python -m hermes_cli.main web --no-open
|
||||
|
||||
# In another terminal, start the Vite dev server (with HMR + API proxy)
|
||||
cd web/
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
Open the **Vite URL** printed in the terminal (usually `http://localhost:5173`). That is the live-reload UI.
|
||||
|
||||
`hermes dashboard` on port 9119 serves the **built** bundle from `hermes_cli/web_dist/`, not the Vite dev server — changes in `web/src/` will not appear there until you run `npm run build` and restart the dashboard (or use `web --no-open` + Vite as above).
|
||||
|
||||
The Vite dev server proxies `/api` requests to `http://127.0.0.1:9119` (the FastAPI backend).
|
||||
|
||||
## Build
|
||||
|
||||
+3
-3
@@ -448,7 +448,7 @@ export default function App() {
|
||||
</Button>
|
||||
|
||||
<Typography
|
||||
className="font-mondwest text-display font-bold text-[0.95rem] leading-[0.95] tracking-[0.05em] text-midground"
|
||||
className="font-mondwest text-display uppercase font-bold text-[0.95rem] leading-[0.95] tracking-[0.05em] text-midground"
|
||||
style={{ mixBlendMode: "plus-lighter" }}
|
||||
>
|
||||
{t.app.brand}
|
||||
@@ -498,7 +498,7 @@ export default function App() {
|
||||
<PluginSlot name="header-left" />
|
||||
|
||||
<Typography
|
||||
className="font-mondwest text-display font-bold text-[1.125rem] leading-[0.95] tracking-[0.0525rem] text-midground"
|
||||
className="font-mondwest text-display uppercase font-bold text-[1.125rem] leading-[0.95] tracking-[0.0525rem] text-midground"
|
||||
style={{ mixBlendMode: "plus-lighter" }}
|
||||
>
|
||||
Hermes
|
||||
@@ -671,7 +671,7 @@ function SidebarNavLink({ closeMobile, item, t }: SidebarNavLinkProps) {
|
||||
cn(
|
||||
"group relative flex items-center gap-3",
|
||||
"px-5 py-2.5",
|
||||
"font-mondwest text-display text-sm tracking-[0.12em]",
|
||||
"font-mondwest text-display uppercase text-sm tracking-[0.12em]",
|
||||
"whitespace-nowrap transition-colors cursor-pointer",
|
||||
"focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-midground",
|
||||
isActive ? "text-midground" : "text-text-secondary hover:text-midground",
|
||||
|
||||
@@ -81,7 +81,7 @@ export function PageHeaderProvider({
|
||||
>
|
||||
<h1
|
||||
className={cn(
|
||||
"font-expanded text-display min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
|
||||
"font-expanded text-display uppercase min-w-0 text-sm font-bold tracking-[0.08em] text-midground",
|
||||
afterTitle && isEnvRoute
|
||||
? "max-w-full sm:min-w-0 sm:shrink sm:truncate"
|
||||
: afterTitle
|
||||
|
||||
Reference in New Issue
Block a user