mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-29 07:20:43 +00:00
zeekay
6c65e3e941
Every import, the catalog pin and the docs name @hanzo/app and github.com/hanzoai/app. lib/rooms.ts is lib/app.ts and components/rooms.tsx is components/app.tsx.
26 lines
729 B
TypeScript
26 lines
729 B
TypeScript
'use client'
|
|
|
|
import { Box } from '@hanzo/ui'
|
|
import { mix } from '@hanzo/app/lib/mix'
|
|
|
|
/**
|
|
* The light behind a closing band: a white disc off one corner, blurred until
|
|
* it is only a lift in the ground. /security, /press and /open-source each drew
|
|
* the same pair by hand; a band that wants one passes the corner and how much
|
|
* white.
|
|
*/
|
|
export function Glow({ corner, pct }: { corner: 'top' | 'bottom'; pct: number }) {
|
|
return (
|
|
<Box
|
|
position="absolute"
|
|
{...(corner === 'top' ? { t: -160, r: -160 } : { b: -160, l: -160 })}
|
|
width={320}
|
|
height={320}
|
|
rounded="var(--radius-full)"
|
|
bg={mix('var(--pure-white)', pct)}
|
|
filter="blur(64px)"
|
|
pointerEvents="none"
|
|
/>
|
|
)
|
|
}
|