mirror of
https://github.com/luxfi/lamport.git
synced 2026-10-30 16:21:45 +00:00
zeekay
32b9a24ef5
Rebased docs site on the shared docs-template for easier upstream synchronization of layout and style improvements. Changes: - Use SITE_CONFIG and DOCS_CONFIG pattern from template - Add UPSTREAM.md documenting sync workflow - Remove template-specific files (README, scripts) - Keep Lamport-specific content and configuration To pull upstream changes: cp ~/work/lux/docs-template/app/docs/layout.tsx docs/app/docs/ (then re-apply DOCS_CONFIG values)
38 lines
802 B
TypeScript
38 lines
802 B
TypeScript
'use client'
|
|
|
|
import { getMenuBarSVG } from '@luxfi/logo'
|
|
|
|
interface LogoProps {
|
|
size?: number
|
|
className?: string
|
|
}
|
|
|
|
export function Logo({ size = 24, className = '' }: LogoProps) {
|
|
const svg = getMenuBarSVG()
|
|
|
|
return (
|
|
<div
|
|
className={`logo-container inline-block ${className}`}
|
|
style={{ width: size, height: size }}
|
|
dangerouslySetInnerHTML={{ __html: svg }}
|
|
/>
|
|
)
|
|
}
|
|
|
|
interface LogoWithTextProps {
|
|
size?: number
|
|
name?: string
|
|
}
|
|
|
|
export function LogoWithText({ size = 24, name = 'Docs' }: LogoWithTextProps) {
|
|
return (
|
|
<div className="flex items-center gap-2 group">
|
|
<Logo
|
|
size={size}
|
|
className="transition-transform duration-200 group-hover:scale-110"
|
|
/>
|
|
<span className="font-bold text-lg">{name}</span>
|
|
</div>
|
|
)
|
|
}
|