Codex
172 lines
2.3 KiB
Plaintext
172 lines
2.3 KiB
Plaintext
.people-page {
|
|
padding-bottom: 48rpx;
|
|
}
|
|
|
|
.subtitle,
|
|
.card-meta,
|
|
.detail-line,
|
|
.ledger-line text {
|
|
color: #64748b;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.subtitle {
|
|
line-height: 1.6;
|
|
margin: 8rpx 0 22rpx;
|
|
}
|
|
|
|
.people-tabs,
|
|
.search-row,
|
|
.card-heading,
|
|
.person-summary,
|
|
.ledger-line {
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
|
|
.people-tabs {
|
|
gap: 12rpx;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.people-tabs button {
|
|
flex: 1;
|
|
margin: 0;
|
|
}
|
|
|
|
.people-tabs .active {
|
|
background: #0f172a;
|
|
color: #fff;
|
|
}
|
|
|
|
.search-row {
|
|
display: grid;
|
|
gap: 12rpx;
|
|
grid-template-columns: 1fr auto;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.search-row input {
|
|
background: #fff;
|
|
border: 1rpx solid #cbd5e1;
|
|
border-radius: 14rpx;
|
|
padding: 18rpx;
|
|
}
|
|
|
|
.search-row button,
|
|
.card-heading button {
|
|
margin: 0;
|
|
}
|
|
|
|
.person-card,
|
|
.detail-card {
|
|
background: #fff;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 18rpx;
|
|
margin-bottom: 16rpx;
|
|
padding: 22rpx;
|
|
}
|
|
|
|
.detail-card {
|
|
border-color: #93c5fd;
|
|
}
|
|
|
|
.card-heading,
|
|
.ledger-line {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.card-meta {
|
|
margin-top: 6rpx;
|
|
}
|
|
|
|
.status-tag {
|
|
background: #dcfce7;
|
|
border-radius: 999rpx;
|
|
color: #166534;
|
|
font-size: 22rpx;
|
|
padding: 8rpx 14rpx;
|
|
}
|
|
|
|
.status-tag.disabled {
|
|
background: #f1f5f9;
|
|
color: #64748b;
|
|
}
|
|
|
|
.person-summary {
|
|
gap: 20rpx;
|
|
justify-content: space-between;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.person-summary text {
|
|
color: #334155;
|
|
font-size: 23rpx;
|
|
}
|
|
|
|
.metric-grid {
|
|
display: grid;
|
|
gap: 12rpx;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
margin: 20rpx 0;
|
|
}
|
|
|
|
.metric-grid view {
|
|
background: #f8fafc;
|
|
border-radius: 12rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 16rpx;
|
|
}
|
|
|
|
.metric-grid strong {
|
|
color: #0f172a;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.metric-grid text {
|
|
color: #64748b;
|
|
font-size: 21rpx;
|
|
}
|
|
|
|
.detail-line {
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.subheading {
|
|
font-size: 25rpx;
|
|
font-weight: 600;
|
|
margin: 20rpx 0 10rpx;
|
|
}
|
|
|
|
.ledger-line {
|
|
border-top: 1rpx solid #f1f5f9;
|
|
padding: 14rpx 0;
|
|
}
|
|
|
|
.ledger-line strong,
|
|
.ledger-line text {
|
|
display: block;
|
|
}
|
|
|
|
.staff-note {
|
|
background: #f8fafc;
|
|
border-radius: 10rpx;
|
|
color: #475569;
|
|
font-size: 23rpx;
|
|
margin-top: 12rpx;
|
|
padding: 12rpx;
|
|
}
|
|
|
|
.loading,
|
|
.empty {
|
|
color: #64748b;
|
|
padding: 28rpx 0;
|
|
text-align: center;
|
|
}
|