Update Navbar UI

Signed-off-by: swastkk <swastkk@gmail.com>
istenith · Jan 24, 2024 · 6e20e31 · 6e20e31
1 parent f95b4c5
commit 6e20e31
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/app/components/Navbar/Navbar.tsx b/src/app/components/Navbar/Navbar.tsx
@@ -2,7 +2,7 @@ import React , {useState ,useEffect} from 'react'
 import {motion} from 'framer-motion'
 import Link from "next/link"
 import { useWindowSize } from '@uidotdev/usehooks'
-import img from "../../../../public/images/prodykkk-01.webp"
+import img from "../../../../public/logos/ProdyLogo.webp"
 import Image from 'next/image'
 
 interface NavbarProps {
@@ -81,7 +81,7 @@ const Navbar = ({isHomePage}: NavbarProps) => {
     return(
       <div className="drawer fixed top-0 left-0" style={{zIndex: 100}}>
         <input id="my-drawer" type="checkbox" className="drawer-toggle" />
-        <div className="drawer-content bg-base-300 flex flex-row justify-around">
+        <div className="drawer-content bg-violet-950	 flex flex-row justify-around">
           <span className='spaceFont my-auto p-3'>Prodyogiki</span>
           <span className='p-3 my-auto'>
             <label htmlFor="my-drawer" className="text-2xl m-auto drawer-button">
@@ -93,8 +93,12 @@ const Navbar = ({isHomePage}: NavbarProps) => {
         <div className="drawer-side">
           <label htmlFor="my-drawer" aria-label="close sidebar" className="drawer-overlay"></label>
 
-          <ul className="menu p-4 w-9/12 min-h-full bg-base-300 flex flex-col items-center justify-center text-base-content">
-          <Image src={img} alt="menu bar" className="drawer-overlay" />
+          <ul className="menu p-4 w-9/12 min-h-full bg-violet-950		 flex flex-col items-center justify-center">
+          <Image src={img} alt="menu bar" className="drawer-overlay" style={{width:'100px'}} />
+          <p className='tagLine spaceFont text-xs mt-5' style={{textAlign:'center', lineHeight:'1.5rem'}}>IGNITING THE COSMIC CURIOSITY</p>
+          <p className='lemonMilk text-sm pt-2'><span className='text-warning'>9<sup>th</sup> - 11<sup>th</sup></span> February, 2024</p>
+          <br />
+          <br />
             <li><Link href={"/home"}>Home</Link></li>
             <li><Link href={"/events"}>Events</Link></li>
             <li><Link href={"/timeline"}>Timeline</Link></li>

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -13,7 +13,7 @@
 }
 
 ::-webkit-scrollbar-thumb {
-  background-color: hsl(251, 100%, 43%);
+  background-color: #3e3c96;
   border-radius: 4px;
   /* border: 3px solid #f1f1f1; */
 }
@@ -245,7 +245,7 @@ body {
 
 .navBarShape {
   clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
-  background-color: rgb(75, 5, 141);
+  background-color: #231f5c;
   font-size: 0.6rem;
   color: rgb(250, 250, 250);
 }