You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_prejoin.scss 1.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .prejoin {
  2. &-input-area {
  3. width: 100%;
  4. }
  5. &-avatar {
  6. margin: 8px auto 16px;
  7. &-name {
  8. color: white;
  9. font-size: 16px;
  10. font-weight: 600;
  11. line-height: 26px;
  12. margin-bottom: 32px;
  13. text-align: center;
  14. }
  15. &-container {
  16. align-items: center;
  17. display: flex;
  18. flex-direction: column;
  19. }
  20. }
  21. &-error {
  22. background-color: #E04757;
  23. border-radius: 6px;
  24. box-sizing: border-box;
  25. color: white;
  26. font-size: 12px;
  27. line-height: 16px;
  28. margin-bottom: 16px;
  29. margin-top: -8px;
  30. padding: 4px;
  31. text-align: center;
  32. width: 100%;
  33. }
  34. }
  35. .prejoin-preview {
  36. &-dropdown-btns {
  37. padding: 8px 0;
  38. }
  39. &-dropdown-container {
  40. position: relative;
  41. width: 100%;
  42. /**
  43. * Override default InlineDialog behaviour, since it does not play nicely with relative widths
  44. */
  45. & > div:nth-child(2) {
  46. background: #fff;
  47. padding: 0;
  48. position: absolute !important;
  49. width: 100%;
  50. }
  51. }
  52. }