mirror of https://github.com/jetkvm/kvm.git
42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
export default function GridBackground() {
|
|
return (
|
|
<div className="absolute w-screen h-screen overflow-hidden isolate opacity-60">
|
|
<svg
|
|
className="absolute inset-x-0 top-0 -z-10 h-[64rem] w-full stroke-gray-300 [mask-image:radial-gradient(32rem_32rem_at_center,white,transparent)] dark:stroke-slate-300/20"
|
|
aria-hidden="true"
|
|
>
|
|
<defs>
|
|
<pattern
|
|
id="1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84"
|
|
width={200}
|
|
height={200}
|
|
x="50%"
|
|
y={-1}
|
|
patternUnits="userSpaceOnUse"
|
|
>
|
|
<path d="M.5 200V.5H200" fill="none" />
|
|
</pattern>
|
|
</defs>
|
|
|
|
<svg
|
|
x="50%"
|
|
y={-1}
|
|
className="overflow-visible fill-blue-100 dark:fill-blue-900/30"
|
|
>
|
|
<path
|
|
d="M-200 0h201v201h-201Z M600 0h201v201h-201Z M-400 600h201v201h-201Z M200 800h201v201h-201Z"
|
|
strokeWidth={0}
|
|
/>
|
|
</svg>
|
|
|
|
<rect
|
|
width="100%"
|
|
height="100%"
|
|
strokeWidth={0}
|
|
fill="url(#1f932ae7-37de-4c0a-a8b0-a6e3b4d44b84)"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
);
|
|
}
|