styled some card at 1:00am

Rozen2007 · Aug 18, 2021 · 5f39dac · 5f39dac · vercel · Aug 18, 2021
1 parent 286dd71
commit 5f39dac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/Banner.js b/components/Banner.js
@@ -75,7 +75,7 @@ function Banner(props) {
                 dragElastic={0.10}
                 dragConstraints={{ top: 0, left: 0, right: 0, bottom: 0 }}
                 whileTap={{ cursor: "grabbing" }}
-                className="absolute top-[12px]  md:top-[20%] lg:top-20 xl:top-32 left-12 backdrop-blur-md shadow-lg  p-5 rounded-md shadow-2xl z-40 "
+                className="absolute top-[12px]  md:top-[20%] lg:top-20 xl:top-32 left-12 backdrop-blur-xl sm:backdrop-blur-lg p-5 rounded-md shadow-2xl z-40 "
               >
                 <h3 className="text-4xl font-semibold mb-3 w-64 ">
                   Want to go on an adventure?

diff --git a/components/MobileNav.js b/components/MobileNav.js
@@ -61,7 +61,8 @@ const MobileNavDiv = styled.div`
       transform: translateX(3rem);
       flex-direction: column;
       gap: 0.5rem;
-      background: #f9dc9b ;
+      background: rgba(249,220,155,0.5) ;
+      backdrop-filter: blur(9px);
       color: #1e1e38;
       padding: 1rem 1.5rem 1rem 0.75rem;
       border-radius: 1rem 0 0 1rem;