| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- .card-wrapper {
- --td-cell-vertical-padding: 6px;
- // --td-cell-horizontal-padding: 12px;
- background-color: white;
- $gap: 12px;
- margin: 6px var(--page-container-bleeding, 7px);
- border-radius: $gap;
- // box-shadow: inset 0px 0px $gap * 3 0px rgba(52, 167, 107, 0.38);
-
- .card-header {
- // --td-cell-title-color: #34A76B;
- --td-cell-title-color: #1D6FF6;
- --td-loading-color: var(--primary-color);
- padding: var(--td-cell-horizontal-padding, 32rpx);
- padding-bottom: var(--td-cell-vertical-padding, 32rpx);
- background-color: transparent;
- border-radius: 5px;
- display: flex;
- align-items: center;
- justify-content: space-between;
- &.no-body {
- padding-bottom: var(--td-cell-horizontal-padding, 32rpx);
- }
- &__title {
- display: flex;
- flex-direction: row;
- align-items: center;
- .icon {
- margin-right: 8px;
- margin-top: 2px;
- height: 20px;
- }
- }
- .loading {
- margin-right: 8px;
- }
- }
- .card-body {
- padding: var(--td-cell-horizontal-padding, 32rpx);
- // background-color: transparent;
- background-color: #F9F9F9;
- font-size: 14px;
- line-height: 2;
- // border-radius: 10px;
- // width: 92%;
- margin: 0px auto 10px auto;
- .row+.row {
- margin-top: 4px;
- }
- }
-
- .card-header+.card-body {
- padding-top: var(--td-cell-vertical-padding, 32rpx);
- }
- .primary {
- // color: var(--primary-color, #38FF6E);
- color: black;
- font-weight: bold;
- }
- }
|