h5.scss 860 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .call {
  2. &-main-h5 {
  3. position: fixed;
  4. left: 0;
  5. top: 0;
  6. bottom: 0;
  7. width: 100vw;
  8. height: auto;
  9. box-sizing: border-box;
  10. display: flex;
  11. flex-direction: column;
  12. justify-content: flex-end;
  13. padding: 0;
  14. background: rgba(0, 0, 0, 0.5);
  15. box-shadow: 0 2Px 12Px 0 rgb(0 0 0 / 10%);
  16. .call-main-content {
  17. border-radius: 12Px 12Px 0 0;
  18. background-color: #ffffff;
  19. }
  20. .call-main-voice,
  21. .call-main-video {
  22. height: 30Px;
  23. padding: 10Px;
  24. font-size: 16Px;
  25. border-bottom: 1Px solid #f7f8fa;
  26. display: flex;
  27. justify-content: center;
  28. i {
  29. margin-right: 10Px;
  30. }
  31. }
  32. footer {
  33. border-top: 10Px solid #f7f8fa;
  34. height: 30Px;
  35. font-size: 16Px;
  36. padding: 10Px;
  37. text-align: center;
  38. align-items: center;
  39. }
  40. }
  41. }