card.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .card-wrapper {
  2. --td-cell-vertical-padding: 6px;
  3. // --td-cell-horizontal-padding: 12px;
  4. $gap: 12px;
  5. margin: 3px var(--page-container-bleeding, 7px);
  6. border-radius: $gap;
  7. box-shadow: inset 0px 0px $gap * 3 0px rgba(52, 167, 107, 0.38);
  8. .card-header {
  9. --td-cell-title-color: #34A76B;
  10. --td-loading-color: var(--primary-color);
  11. padding: var(--td-cell-horizontal-padding, 32rpx);
  12. padding-bottom: var(--td-cell-vertical-padding, 32rpx);
  13. background-color: transparent;
  14. &.no-body {
  15. padding-bottom: var(--td-cell-horizontal-padding, 32rpx);
  16. }
  17. &__title {
  18. display: flex;
  19. flex-direction: row;
  20. align-items: center;
  21. .icon {
  22. margin-left: 8px;
  23. margin-top: 2px;
  24. height: 20px;
  25. }
  26. }
  27. .loading {
  28. margin-left: 8px;
  29. }
  30. }
  31. .card-body {
  32. padding: var(--td-cell-horizontal-padding, 32rpx);
  33. background-color: transparent;
  34. font-size: 14px;
  35. line-height: 2;
  36. .row+.row {
  37. margin-top: 4px;
  38. }
  39. }
  40. .card-header+.card-body {
  41. padding-top: var(--td-cell-vertical-padding, 32rpx);
  42. }
  43. .primary {
  44. color: var(--primary-color, #38FF6E);
  45. }
  46. }