ip-address-tracker using react js

Community feedback

• 

  P

  enzmrg 💫•920

  @enzo-mirPosted about 1 year ago

  Hi ! firstly good job ! One things is on the responsive of the map :

  • You should dispach map and header background in 2 grid instead of using flat height or margin
  • Place you'r main content as "position : absolute" with "display : flex" in column and give gap Maybe for the api try to see my solution, I have used the "fly" method to travel with animation after ip checked.

  Else if, nice one !

  Marked as helpful

  0

  ---

  

  solitary_coder•1,000

  @kabir-afkPosted about 1 year ago

  @enzo-mir I loved your animated panning effect, wanted to do the same but didn't want to spend time learning a library I'm gonna use once, also for some reason my <MapContainer> component and <Marker> component weren't centering when I assigned with {[Lat,Lng]} values , so I had to make a new ChangeView component to go the new location , but that took away the functionality of the map, like it isn't interactive anymore and the zoom buttons don't work as well . . .it'd be a great if you could help me with that as well , I'll look up your code as well . . . thanks anyways .

  1

  

  solitary_coder•1,000

  @kabir-afkPosted about 1 year ago

  @enzo-mir hey , no doubt the flyTo method definately makes it look more impressive , thanks to you , also made my map interactive now , actually I set the z-index of map to -1 due to which it wasn't interactive . . . thanks again ate . . .cheers!! 🥂🥂

  1

  

  P

  enzmrg 💫•920

  @enzo-mirPosted about 1 year ago

  @kabir-afk Oh god the z-index killed the code ahah ! Well done for your code !

  1

  

  solitary_coder•1,000

  @kabir-afkPosted about 1 year ago

  @enzo-mir hehe

  0