Add shadow to navbar (#170)

Co-authored-by: wkim10 <[email protected]>
JumboCode · Apr 19, 2024 · 2638552 · 2638552
1 parent e9f078b
commit 2638552
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/app/public/page.tsx b/src/app/public/page.tsx
@@ -11,7 +11,7 @@ const HomePage = () => {
 
   return (
     <main className="flex flex-col">
-      <div className="relative z-10 flex flex-col content-center items-center gap-y-6 overflow-hidden rounded bg-[#E7DCD0] px-6 py-[80px] shadow-md shadow-gray-500 sm:px-12">
+      <div className="relative z-10 flex flex-col content-center items-center gap-y-6 overflow-hidden rounded bg-med-tan px-6 py-[80px] shadow-md shadow-gray-500 sm:px-12">
         {/* Hero Section and Action Items Buttons */}
         <div className="h-28 w-72 self-start">
           <Image src={Logo} alt="logo" className="object-contain" />

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -46,7 +46,7 @@ const Navbar = () => {
   }, []);
 
   return (
-    <nav className="fixed top-0 z-20 flex h-[60px] w-full flex-row items-center justify-between border border-dark-tan bg-med-tan px-[30px]  py-3 sm:px-[50px] md:px-[93px]">
+    <nav className="fixed top-0 z-20 flex h-[60px] w-full flex-row items-center justify-between border border-dark-tan bg-med-tan px-[30px] py-3 shadow-md shadow-gray-400 sm:px-[50px] md:px-[93px]">
       <Link href="/public" onClick={() => setDropdownVisible(false)}>
         <Image src={logoicon} alt="Legacy Logo" className="w-[200px]" />
       </Link>

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -54,7 +54,7 @@ const _Sidebar = ({ buttons }: ISideBar) => {
   const path = usePathname();
 
   return (
-    <nav className="h-screen w-full overflow-y-auto bg-med-tan pb-32 pt-20">
+    <nav className="h-screen w-full overflow-y-auto bg-med-tan pb-32 pt-20 shadow-lg shadow-gray-500">
       <div className="flex h-full flex-col items-center justify-between">
         <Link href="/public/" className="flex justify-center">
           <h1 className="h-auto w-full items-center justify-center px-5 duration-150 hover:-translate-y-0.5">