💄 update mobile nav to be glassmorphism

satnaing · Aug 11, 2022 · cdcd91e · cdcd91e · vercel · Aug 11, 2022
1 parent 066c07e
commit cdcd91e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -135,7 +135,7 @@ const Header: React.FC = () => {
         </div>
       </div>
 
-      <nav className="fixed md:hidden bottom-4 z-30 left-1/2 transform -translate-x-1/2 bg-bglight dark:bg-carddark dark:text-textlight w-11/12 rounded drop-shadow-lg">
+      <nav className="fixed glassmorphism md:hidden bottom-4 z-30 left-1/2 transform -translate-x-1/2 bg-bglight dark:bg-carddark dark:text-textlight w-11/12 rounded drop-shadow-lg">
         <ul className="flex justify-evenly items-center py-1">
           {navLinks.map((navLink) => (
             <li key={navLink.url}>

diff --git a/components/blog/BlogHeader.tsx b/components/blog/BlogHeader.tsx
@@ -84,7 +84,7 @@ const BlogHeader: React.FC = () => {
         </div>
       </div>
 
-      <nav className="fixed md:hidden bottom-4 z-30 left-1/2 transform -translate-x-1/2 bg-bglight dark:bg-carddark dark:text-textlight w-11/12 rounded drop-shadow-lg">
+      <nav className="fixed glassmorphism md:hidden bottom-4 z-30 left-1/2 transform -translate-x-1/2 bg-bglight dark:bg-carddark dark:text-textlight w-11/12 rounded drop-shadow-lg">
         <ul className="flex justify-evenly items-center py-1">
           {navLinks.map((navLink) => (
             <li key={navLink.url}>