File manager - Edit - /var/www/payraty/helpdesk/resources/client/help-center/homepage/landing-page-pattern.tsx
Back
import React from 'react'; interface Props { blur?: boolean; } export function LandingPagePattern({blur}: Props) { return ( <div className="absolute inset-0 mx-0 max-w-none overflow-hidden"> <div className="absolute left-1/2 top-0 ml-[-38rem] h-[25rem] w-[81.25rem] dark:[mask-image:linear-gradient(white,transparent)]"> <div className="absolute inset-0 bg-gradient-to-r from-primary to-primary-light opacity-30 [mask-image:radial-gradient(farthest-side_at_top,white,transparent)] dark:from-primary/30 dark:to-primary-light/30 dark:opacity-100"> <svg aria-hidden="true" className="dark:fill-white/2.5 absolute inset-x-0 inset-y-[-50%] h-[200%] w-full skew-y-[-18deg] fill-black/40 stroke-black/50 mix-blend-overlay dark:stroke-white/5" > <defs> <pattern id=":S2:" width="72" height="56" patternUnits="userSpaceOnUse" x="-12" y="4" > <path d="M.5 56V.5H72" fill="none"></path> </pattern> </defs> <rect width="100%" height="100%" strokeWidth="0" fill="url(#:S2:)" ></rect> <svg x="-12" y="4" className="overflow-visible"> <rect strokeWidth="0" width="73" height="57" x="288" y="168" ></rect> <rect strokeWidth="0" width="73" height="57" x="144" y="56" ></rect> <rect strokeWidth="0" width="73" height="57" x="504" y="168" ></rect> <rect strokeWidth="0" width="73" height="57" x="720" y="336" ></rect> </svg> </svg> </div> {blur && ( <svg viewBox="0 0 1113 440" aria-hidden="true" className="absolute left-1/2 top-0 ml-[-19rem] w-[69.5625rem] fill-white blur-[26px] dark:hidden" > <path d="M.016 439.5s-9.5-300 434-300S882.516 20 882.516 20V0h230.004v439.5H.016Z"></path> </svg> )} </div> </div> ); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 1.99 |
proxy
|
phpinfo
|
Settings