web.scss 877 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .dialog {
  2. position: fixed;
  3. width: 100%;
  4. height: 100%;
  5. left: 0;
  6. top: 0;
  7. z-index: 6;
  8. display: flex;
  9. justify-content: center;
  10. align-items: center;
  11. header {
  12. h1 {
  13. line-height: 1.2;
  14. font-size: 16px;
  15. color: #000000;
  16. }
  17. }
  18. &-main {
  19. width: 458Px;
  20. border-radius: 10Px;
  21. padding: 20Px 24Px;
  22. header {
  23. display: flex;
  24. justify-content: space-between;
  25. align-items: center;
  26. font-size: 16Px;
  27. line-height: 30Px;
  28. }
  29. &-content {
  30. padding: 16Px 0 20Px;
  31. font-size: 14Px;
  32. }
  33. footer {
  34. display: flex;
  35. justify-content: flex-end;
  36. }
  37. }
  38. }
  39. .btn {
  40. padding: 8Px 20Px;
  41. margin: 0 6Px;
  42. border-radius: 4Px;
  43. border: none;
  44. font-size: 14Px;
  45. text-align: center;
  46. line-height: 20Px;
  47. &:disabled {
  48. opacity: 0.3;
  49. }
  50. &:last-child {
  51. margin-right: 0;
  52. }
  53. }