GlobalModal.scss 727 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. // GlobalModal.scss
  2. /* #ifdef weapp */
  3. .modal {
  4. position: fixed;
  5. top: 0;
  6. left: 0;
  7. right: 0;
  8. bottom: 0;
  9. background-color: 'red';
  10. // background-color: rgba(0, 0, 0, 0.5);
  11. display: flex;
  12. align-items: center;
  13. justify-content: center;
  14. }
  15. /* #endif */
  16. /* #ifdef rn */
  17. /* #endif */
  18. .modal-content {
  19. background-color: white;
  20. padding: 16px;
  21. border-radius: 4px;
  22. }
  23. .modal-title {
  24. font-size: 18px;
  25. font-weight: bold;
  26. margin-bottom: 8px;
  27. }
  28. .modal-content {
  29. font-size: 14px;
  30. margin-bottom: 16px;
  31. }
  32. .modal-close {
  33. background-color: #e5e5e5;
  34. border-radius: 4px;
  35. padding: 8px 16px;
  36. font-size: 14px;
  37. cursor: pointer;
  38. }