DecDuck
31 lines
703 B
TypeScript
31 lines
703 B
TypeScript
import { clsx } from 'clsx'
|
|
|
|
export function Gradient({
|
|
className,
|
|
...props
|
|
}: React.ComponentPropsWithoutRef<'div'>) {
|
|
return (
|
|
<div
|
|
{...props}
|
|
className={clsx(
|
|
className,
|
|
'bg-linear-115 from-blue-100 from-28% via-sky-200 via-70% to-cyan-100 sm:bg-linear-145',
|
|
)}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export function GradientBackground() {
|
|
return (
|
|
<div className="relative mx-auto max-w-7xl">
|
|
<div
|
|
className={clsx(
|
|
'absolute -top-44 -right-60 h-60 w-xl transform-gpu md:right-0',
|
|
'bg-linear-115 from-blue-200 from-28% via-sky-100 via-70% to-blue-200',
|
|
'rotate-[-10deg] rounded-full blur-3xl',
|
|
)}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|