Files
chaos-api/web/default/src/components/layout/components/glow.tsx
T
t0ng7u d146e45e2f ⚖️ chore(web/default): add reusable copyright header tooling
Add a Bun script to apply and normalize AGPL copyright headers across the default frontend source files.

The script keeps headers idempotent, upgrades existing headers to the 2023-2026 QuantumNous range, and is exposed through `bun run copyright` for future maintenance.
2026-05-09 11:35:07 +08:00

65 lines
2.0 KiB
TypeScript
Vendored

/*
Copyright (C) 2023-2026 QuantumNous
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as
published by the Free Software Foundation, either version 3 of the
License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
For commercial licensing, please contact support@quantumnous.com
*/
import React from 'react'
import { cva, type VariantProps } from 'class-variance-authority'
import { cn } from '@/lib/utils'
const glowVariants = cva('absolute w-full', {
variants: {
variant: {
top: 'top-0',
above: '-top-[128px]',
bottom: 'bottom-0',
below: '-bottom-[128px]',
center: 'top-[50%]',
},
},
defaultVariants: {
variant: 'top',
},
})
export interface GlowProps
extends
React.HTMLAttributes<HTMLDivElement>,
VariantProps<typeof glowVariants> {}
export function Glow({ className, variant, ...props }: GlowProps) {
return (
<div
data-slot='glow'
className={cn(glowVariants({ variant }), className)}
{...props}
>
<div
className={cn(
'absolute left-1/2 h-[256px] w-[60%] -translate-x-1/2 scale-[2.5] rounded-[50%] bg-radial from-amber-500/60 from-10% to-amber-500/0 to-60% opacity-40 sm:h-[512px] dark:opacity-80',
variant === 'center' && '-translate-y-1/2'
)}
/>
<div
className={cn(
'absolute left-1/2 h-[128px] w-[40%] -translate-x-1/2 scale-200 rounded-[50%] bg-radial from-yellow-400/50 from-10% to-yellow-400/0 to-60% opacity-30 sm:h-[256px] dark:opacity-70',
variant === 'center' && '-translate-y-1/2'
)}
/>
</div>
)
}