Style update on bottom nav and top header

wwWallet · Mar 31, 2024 · 1906d71 · 1906d71
1 parent f9f0ccc
commit 1906d71
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/BottomNav.js b/src/components/BottomNav.js
@@ -26,7 +26,7 @@ const BottomNav = ({ isOpen, toggle }) => {
 	};
 
 	return (
-		<div className={`fixed bottom-0 left-0 right-0 bg-white flex justify-around p-4 z-50 max480:flex hidden shadow-2xl`}>
+		<div className={`fixed bottom-0 left-0 right-0 bg-white flex justify-around p-4 z-50 max480:flex hidden shadow-2xl rounded-t-lg`}>
 			{navItems.map(item => (
 				<div
 					key={item.path}

diff --git a/src/components/Layout.js b/src/components/Layout.js
@@ -51,7 +51,7 @@ const Layout = ({ children, isPermissionGranted, tokenSentInSession }) => {
 
 			{/* Header */}
 			<header
-				className={`${isOpen ? 'hidden' : 'z-50 fixed top-0 left-0 w-full bg-custom-blue text-white flex items-center justify-between p-4 shadow-md sm:hidden'}`}
+				className={`${isOpen ? 'hidden' : 'z-50 fixed top-0 left-0 w-full bg-custom-blue text-white flex items-center justify-between p-4 shadow-md sm:hidden rounded-b-lg'}`}
 			>
 				<div className="flex items-center">
 					<img