enricobuehler
56f724815e
Move the management console (web/) off shadcn/ui to the shared @unom/ui design system the marketing site + docs are built on, on the punktfunk violet brand over dark chrome: - Add @unom/ui/@unom/style/motion/radix-ui/zod + Geist; web/.npmrc maps the @unom scope (packages are public-read, so CI needs no npm auth). - styles.css: one dark-violet palette (#141019/#1c1530, brand #6c5bf3 -> #a79ff8) exposed under BOTH the shadcn token names the routes use and @unom/ui's contract, so routes + components both resolve; pulls in @unom/ui's material gloss + easings. - components/ui/* now back onto @unom/ui (AnimatedButton/InputText/Label/ AnimatedCard); brand-mark/wordmark/logo replace the generic Radio icon in the shell + login. - MaterialProvider (specular gloss) at the root. No UI sounds, like the site. docs-site: new /api route renders the host management REST API as an interactive Scalar reference (reads public/openapi.json, a snapshot of docs/api/openapi.json), branded violet and linked from the top nav, the docs sidebar, the landing page, and host-cli.md. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
18 lines
689 B
TypeScript
18 lines
689 B
TypeScript
import { cn } from '@/lib/utils'
|
|
import { BrandMark } from './brand-mark'
|
|
import { Wordmark } from './wordmark'
|
|
|
|
// Full punktfunk lockup: the lens mark anchored to the top-left corner of the
|
|
// "funk" wordmark. Size the lockup with a width on the wrapper (e.g. `w-40`);
|
|
// the mark scales as a fraction of that width.
|
|
export function Logo({ className }: { className?: string }) {
|
|
return (
|
|
<div className={cn('relative inline-block', className)}>
|
|
<BrandMark className="absolute left-0 top-0 w-[24%] -translate-x-[55%] -translate-y-[58%] drop-shadow-[0_4px_24px_rgba(108,91,243,0.45)]" />
|
|
<Wordmark className="block h-auto w-full" />
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Logo
|