airbnb-clone icon indicating copy to clipboard operation
airbnb-clone copied to clipboard

resolved other components popping up the date picker by adding z-index

Open Chandrachur67 opened this issue 2 years ago • 1 comments

  1. while using the date picker, hovering over card components was causing cards popping up the data picker. I have added a z-index = 10 to the date picker component so that the cards don't pop up that.
  2. Due to absolute positioning the date picker and guest selector were separating out. I have fixed that problem also.

before

Screenshot 2023-01-01 at 3 23 18 PM (2) Screenshot 2023-01-01 at 3 22 41 PM

after

Screenshot 2023-01-01 at 3 20 52 PM

Chandrachur67 avatar Jan 01 '23 10:01 Chandrachur67

If someone having problem to run this in local system.

  1. npm install
  2. npm i @material-ui/core
  3. npm i @material-ui/icons
  4. npm start

Chandrachur67 avatar Jan 01 '23 10:01 Chandrachur67