chatPage.scss 923 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .message {
  2. padding: 10px;
  3. margin: 5px;
  4. max-width: 50%;
  5. border-radius: 10px;
  6. background-color: rgb(182, 230, 176);
  7. p {
  8. word-wrap: break-word;
  9. }
  10. span {
  11. background-color:azure;
  12. display: block;
  13. padding: 5px;
  14. height: 20px;
  15. border-radius: 20px;
  16. text-align: center;
  17. }
  18. }
  19. .myMessage {
  20. align-self: flex-end;
  21. background-color: rgb(240, 231, 136);
  22. }
  23. .messageBox {
  24. display: flex;
  25. padding: 20px;
  26. border-radius: 10px;
  27. background-color:rgb(243, 243, 243)
  28. }
  29. .usersBox {
  30. align-content: flex-end;
  31. text-align: center;
  32. padding: 20px;
  33. margin-left: 10px;
  34. width: 20%;
  35. border-radius: 10px;
  36. background-color:rgb(243, 243, 243);
  37. .online {
  38. border-radius: 5px;
  39. padding: 5px;
  40. margin-bottom: 5px;
  41. background-color:rgb(247, 233, 233);
  42. font-weight: 700;
  43. }
  44. }