✨ add blur effect behind the closed player

Bakhaw · Dec 25, 2023 · 90416ca · 90416ca
1 parent 7c78e83
commit 90416ca
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/Player/index.tsx b/components/Player/index.tsx
@@ -39,13 +39,13 @@ const Player: React.FC = () => {
 
   return (
     <div
-      className="fixed bottom-0 px-2 pb-2 pt-0 z-10 bg-transparent"
+      className="fixed bottom-0 px-2 pb-2 pt-0 z-10 bg-transparent backdrop-blur-sm"
       style={{
         color: isWhite(color) ? "text-black" : "#fff",
         height: showFullPlayer ? "100vh" : "auto",
         transition: "0.3s",
         width: showFullPlayer ? "100%" : "calc(100% - 7px)",
-        padding: showFullPlayer ? "0" : "0.5rem",
+        padding: showFullPlayer ? "0" : "0 0.5rem 0.5rem 0.5rem",
       }}
     >
       <div

diff --git a/public/sw.js b/public/sw.js