Merge pull request #212 from hars-21/flicker

flickering fixed

frontend/src/Components/Pages/Landing-Page/JoinWithCode.jsx

@@ -45,6 +45,26 @@ const JoinWithCode = () => {
   };
 
   return (
+
+//     <div className='flex tracking-wide justify-center mb-20 items-center px-16 py-6 lg:m-10 m-3 font-bold text-white normal rounded-xl bg-transparent border-2 border-zinc-400 max-md:px-5'>
+//       <div className='flex gap-5 w-full max-w-screen-lg max-md:flex-wrap max-md:justify-center max-md:max-w-[500px]'>
+//         <div className='flex-auto my-auto text-xl whitespace-nowrap text-center'>
+//           Paste the meeting code
+//         </div>
+//         <input
+//           className='justify-center lg:mr-20 md:w-fit lg:w-[300px] px-8 py-6 text-md whitespace-nowrap rounded-xl bg-zinc-800 max-md:px-5 '
+//           placeholder='abc-def-xyz'></input>
+//         <div className='justify-center self-center p-3 text-md bg-[#077BE7] rounded-xl border-[1px] border-[#1D2026] cursor-pointer hover:bg-transparent hover:border-[1px] hover:border-[#077BE7]'>
+//           Join Room
+//         </div>
+//         <img
+//           loading='lazy'
+//           src={img2}
+//           className='flex justify-center items-center self-center cursor-pointer w-[40px] h-[40px] p-2 bg-[#077BE7] rounded-xl hover:bg-transparent hover:border-[1px] hover:border-[#077BE7]'
+//         />
+//       </div>
+//     </div>
+
     <motion.div
       initial={{ opacity: 0, y: -50 }}
       animate={{ opacity: 1, y: 0 }}