report-health-scheme.scss 900 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /* module/health/components/report-health-scheme/report-health-scheme.wxss */
  2. .wrapper {
  3. position: relative;
  4. margin: 12px calc(var(--page-container-bleeding, 0) + 4px);
  5. border-radius: 12px;
  6. box-sizing: border-box;
  7. &__bg {
  8. width: 100%;
  9. }
  10. &__content {
  11. position: absolute;
  12. top: 0;
  13. left: 0;
  14. display: flex;
  15. flex-direction: column;
  16. padding: 24px 0 12px;
  17. width: 100%;
  18. height: 100%;
  19. box-sizing: border-box;
  20. overflow: hidden;
  21. }
  22. .scrollable {
  23. height: 100%;
  24. }
  25. .row {
  26. display: flex;
  27. flex-direction: row;
  28. padding: 12px;
  29. &-1 {
  30. flex: none;
  31. padding: 12px;
  32. }
  33. &-2 {
  34. flex: auto;
  35. padding-right: 0;
  36. overflow: hidden;
  37. .value {
  38. padding-right: 12px;
  39. padding-bottom: 6px;
  40. }
  41. }
  42. .label {
  43. flex: none;
  44. width: 100px;
  45. color: #37B473;
  46. }
  47. }
  48. }