Codex
137 lines
2.1 KiB
Plaintext
137 lines
2.1 KiB
Plaintext
.business-page {
|
|
padding-bottom: 48rpx;
|
|
}
|
|
|
|
.page-heading,
|
|
.metric-row,
|
|
.voucher-input-row {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.subtitle,
|
|
.record-meta,
|
|
.form-tip {
|
|
color: #64748b;
|
|
font-size: 23rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.permission-tag {
|
|
background: #eef2ff;
|
|
border-radius: 999rpx;
|
|
color: #3730a3;
|
|
font-size: 22rpx;
|
|
padding: 8rpx 16rpx;
|
|
}
|
|
|
|
.range-tabs {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
margin: 24rpx 0;
|
|
}
|
|
|
|
.range-tabs button {
|
|
margin: 0;
|
|
}
|
|
|
|
.range-tabs button.active {
|
|
background: #0f172a;
|
|
color: #fff;
|
|
}
|
|
|
|
.summary-grid {
|
|
display: grid;
|
|
gap: 12rpx;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
|
|
.summary-card {
|
|
background: #f8fafc;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 16rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16rpx;
|
|
}
|
|
|
|
.summary-card strong { font-size: 30rpx; }
|
|
.summary-card text { color: #64748b; font-size: 21rpx; }
|
|
.summary-card.primary strong { color: #2563eb; }
|
|
.summary-card.success strong { color: #15803d; }
|
|
.summary-card.warning strong { color: #c2410c; }
|
|
|
|
.section-title {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
margin: 30rpx 0 16rpx;
|
|
}
|
|
|
|
.metric-row,
|
|
.record-card,
|
|
.form-card {
|
|
background: #fff;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 16rpx;
|
|
margin-bottom: 12rpx;
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.form-card input,
|
|
.picker-value {
|
|
background: #f8fafc;
|
|
border: 1rpx solid #cbd5e1;
|
|
border-radius: 12rpx;
|
|
min-height: 52rpx;
|
|
padding: 12rpx 16rpx;
|
|
}
|
|
|
|
.field-label {
|
|
color: #475569;
|
|
font-size: 24rpx;
|
|
margin: 20rpx 0 10rpx;
|
|
}
|
|
|
|
.field-label:first-child { margin-top: 0; }
|
|
|
|
.voucher-input-row {
|
|
gap: 12rpx;
|
|
}
|
|
|
|
.voucher-input-row input { flex: 1; }
|
|
.voucher-input-row button { margin: 0; }
|
|
|
|
.form-actions {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
.form-actions button {
|
|
flex: 1;
|
|
font-size: 25rpx;
|
|
margin: 0;
|
|
}
|
|
|
|
.status-SUCCEEDED { color: #15803d; }
|
|
.status-FAILED,
|
|
.failure-code { color: #b91c1c; }
|
|
.status-PENDING { color: #c2410c; }
|
|
|
|
.failure-code {
|
|
font-size: 22rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.loading,
|
|
.empty {
|
|
color: #64748b;
|
|
padding: 30rpx 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.empty.compact {
|
|
padding: 14rpx 0;
|
|
}
|