Merge branch 'master' into hover-nav-text-bg-color

asyncapi · Dec 17, 2024 · 4404d08 · 4404d08
2 parents 9a5e841 + 3f3d293
commit 4404d08
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 11 deletions.
diff --git a/components/Navbar/navDrop.js b/components/Navbar/navDrop.js
@@ -20,7 +20,7 @@ const NavDrop = forwardRef((props, ref)=> {
   }, [currentUrl])
 
   return (
-		<div  ref ={ref} className='absolute ml-[-20px] top-16 w-full bg-[#1B1130]'>
+		<div  ref ={ref} className='z-[99] absolute left-0 top-[74px] w-full h-screen bg-[#1B1130]/90 backdrop-filter backdrop-blur-md'>
 			<div className='flex flex-col p-5 pb-8 w-full'>
 				{links.map((link) => {
 					return (
@@ -34,14 +34,12 @@ const NavDrop = forwardRef((props, ref)=> {
 							>
 								{link.subMenu ? (
 									<div>
-                                        <div className='flex items-center justify-between'>
-                                        <div className={`hover:text-cyan-400 ${active===link.title.toLowerCase() ? 'text-cyan-400': 'text-white'}`}>{link.title}</div>
+                   <div className='flex items-center justify-between'>
+                     <div className={`hover:text-cyan-400 ${active===link.title.toLowerCase() ? 'text-cyan-400': 'text-white'}`}>{link.title}</div>
 											<Dropdown
-												className={`transition-transform duration-700 ${
-													show === link.title ? 'rotate-0' : 'rotate-[-90deg]'
-												}`}
+												className={`transition-transform duration-700`}
 											/>
-										</div>
+										 </div>
 										{show && show === link.title && (
 											<div className='flex flex-col py-6 w-full'>
 												{link.subMenu.map((sub) => (

diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
@@ -69,7 +69,7 @@ function Navbar() {
 	};
 
 	return (
-		<div className='flex justify-center items-center sticky top-0 z-[99] text-white'>
+		<div className={`flex justify-center items-center fixed w-full backdrop-blur ${ drop && 'bg-[#1B1130]/90'} top-0 z-[99] text-white`}>
 			<div className='w-[1131px]'>
 				<div className='p-5 flex justify-between h-[75px] w-full items-center'>
 					<div className='flex items-center sm:justify-between sm:w-full' data-test="nav-Home">
@@ -86,7 +86,7 @@ function Navbar() {
 									<Cancel />
 								</button>
 							) : (
-								<button >
+								<button>
 									<Hamburger ref={svg} />
 								</button>
 							)}

diff --git a/config/city-lists.json b/config/city-lists.json
@@ -7,7 +7,7 @@
 		"description": "Join us for the AsyncAPI Online Conference Edition as the community unites across the globe to share experiences, collaborate, and foster meaningful connections.",
 		"img": "/img/testMic.webp",
 		"address": "AsyncAPI YouTube Channel",
-		"map": "https://www.youtube.com/live/F9wHxd-v2f0?si=PT8BuAUKNmoLHRiM",
+		"map": "https://www.youtube.com/playlist?list=PLbi1gRlP7pijItMBmw9SeeyWxuEa3jLR2",
 		"sponsors": [
 			"/img/apidays.png"
 		],

diff --git a/pages/venue/[id].js b/pages/venue/[id].js
@@ -53,7 +53,7 @@ function Venue({ city }) {
 
 						<Paragraph className='mt-[24px]' textColor={textColor}>{city.description}</Paragraph>
 
-						<Heading typeStyle='lg' className={`${textColor} mt-[24px] hover:underline`}>
+						<Heading typeStyle='lg' className={`${textColor} mt-[24px] underline`}>
 							<a href={city.map} target='_blank' rel="noreferrer">
     							{city.address}
   							</a>