web.scss 770 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .emoji-picker {
  2. width: 405px;
  3. height: 300px;
  4. display: flex;
  5. flex-direction: column;
  6. &-list {
  7. flex: 1;
  8. display: flex;
  9. flex-wrap: wrap;
  10. overflow-y: auto;
  11. margin: 2px;
  12. &::-webkit-scrollbar {
  13. display: none;
  14. }
  15. &-item {
  16. cursor: pointer;
  17. padding: 5px;
  18. .emoji {
  19. width: 30px;
  20. height: 30px;
  21. }
  22. .emoji-big {
  23. width: 70px;
  24. height: 70px;
  25. }
  26. }
  27. }
  28. &-tab {
  29. display: flex;
  30. align-items: center;
  31. &-item {
  32. padding: 0 10px;
  33. cursor: pointer;
  34. .icon {
  35. margin: 10px;
  36. width: 20px;
  37. height: 20px;
  38. &-big {
  39. margin: 2px 0;
  40. width: 30px;
  41. height: 30px;
  42. }
  43. }
  44. }
  45. }
  46. }