Merge pull request #31 from Octasol/backdrop

Backdrop

Author: A91y

src/components/CoverUpPage/Index.tsx

@@ -1,12 +1,13 @@
 import Link from "next/link";
 import React from "react";
+import "./cover.css";
 
 type Props = {};
 
 const CoverUpPage = (props: Props) => {
   return (
     <>
-      <div className="w-full h-full bg-transparent backdrop-blur-sm z-30 fixed top-0 right-0 text-white">
+      <div className="w-full h-full bg-transparent cover z-30 fixed top-0 right-0 text-white">
         <div className="flex flex-col justify-center items-center h-screen w-full  overflow-hidden">
           <p className="text-4xl md:text-5xl lg:text-7xl">Coming Soon</p>
           <p className="mt-8 text-center text-lg tracking-wide leading-8">

src/components/CoverUpPage/cover.css

@@ -0,0 +1,4 @@
+.cover{
+   backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(5px);
+}

src/components/Loader/style.css

@@ -4,8 +4,8 @@
   top: 0;
   left: 0;
   z-index: 2000;
-
   backdrop-filter: blur(40px);
+  -webkit-backdrop-filter: blur(40px);
 }
 
 .path {