search

adrianhajdin / project_professional_portfolio

This is a code repository for the corresponding YouTube video. In this tutorial we are going to build and deploy a real time chat application. Covered topics: React.js, SCSS, Framer Motion, Sanity
https://jsmastery.pro
2.07k stars 496 forks source link

Navbar #57

Closed nihalpawar4 closed 1 year ago

nihalpawar4 commented 1 year ago

When I click on navbar it's quite flickering on my system also tried with other browers and devices it's same problem

nihalpawar4 commented 1 year ago

Look into this

jenperez613 commented 1 year ago

try adding this in Navbar.jsx after the first ul : 

    `{toggle && (
      <motion.div
         style={{ opacity: 0 }}
        whileInView={{ x: [300, 0], opacity: [0.9, 1] }}
        transition={{ duration: 0.85, ease: 'easeOut' }}>
        <HiX onClick={() => setToggle(false)} />
        <ul>`
mohitmk007 commented 1 year ago

that's great.

nihalpawar4 commented 1 year ago

seems cool