App.css 594 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. #wrapper{
  2. width: 30%;
  3. max-height: 80vh;
  4. overflow: hidden;
  5. }
  6. .person {
  7. background-color: #ddd;
  8. color: #444;
  9. cursor: pointer;
  10. padding: 18px;
  11. width: 100%;
  12. border: none;
  13. text-align: left;
  14. outline: none;
  15. font-size: 15px;
  16. transition: 0.4s;
  17. }
  18. #offline .person{
  19. background-color: #eee;
  20. }
  21. #offline .person:hover, #online .person:hover {
  22. background-color: #bbb;
  23. }
  24. .extend {
  25. padding: 0 18px;
  26. display: none;
  27. overflow: hidden;
  28. }
  29. img{
  30. width: 90px;
  31. float: left;
  32. margin-right: 20px;
  33. margin-top: 10px;
  34. }
  35. #wrapper{
  36. float: left;
  37. }
  38. .mapWrapper{
  39. float: right;
  40. }