Merge pull request #31 from Octasol/backdrop

Backdrop
Octasol · Dec 9, 2024 · 83ada0d · 83ada0d
2 parents 77c8bca + efd7dfc
commit 83ada0d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/CoverUpPage/Index.tsx b/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">

diff --git a/src/components/CoverUpPage/cover.css b/src/components/CoverUpPage/cover.css
@@ -0,0 +1,4 @@
+.cover{
+   backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(5px);
+}
diff --git a/src/components/Loader/style.css b/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 {