bbe7a74715
Some checks failed
CI / go-lint (pull_request) Failing after 13s
CI / python-lint (pull_request) Failing after 12s
CI / nodejs-lint (pull_request) Failing after 6s
CI / test-go-consent (pull_request) Failing after 10s
CI / test-python-voice (pull_request) Failing after 12s
CI / test-bqas (pull_request) Failing after 11s
CI / Deploy (pull_request) Has been skipped
Previously the watermark was z-50, same as the ChatFAB and NavigationFAB, which caused it to visually obscure them despite pointer-events-none. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
37 lines
1001 B
TypeScript
37 lines
1001 B
TypeScript
'use client'
|
|
|
|
interface WatermarkProps {
|
|
text: string
|
|
}
|
|
|
|
export default function Watermark({ text }: WatermarkProps) {
|
|
if (!text) return null
|
|
|
|
return (
|
|
<div
|
|
className="fixed inset-0 pointer-events-none z-10 overflow-hidden select-none"
|
|
aria-hidden="true"
|
|
>
|
|
<div className="absolute inset-0 flex items-center justify-center">
|
|
<div
|
|
className="text-white/[0.03] text-2xl font-mono whitespace-nowrap tracking-widest"
|
|
style={{
|
|
transform: 'rotate(-35deg) scale(1.5)',
|
|
userSelect: 'none',
|
|
WebkitUserSelect: 'none',
|
|
}}
|
|
>
|
|
{/* Repeat the watermark text in a grid pattern */}
|
|
{Array.from({ length: 7 }, (_, row) => (
|
|
<div key={row} className="my-16">
|
|
{Array.from({ length: 3 }, (_, col) => (
|
|
<span key={col} className="mx-12">{text}</span>
|
|
))}
|
|
</div>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|