Codex
135 lines
2.0 KiB
Plaintext
135 lines
2.0 KiB
Plaintext
.manager-dashboard {
|
|
padding-bottom: 48rpx;
|
|
}
|
|
|
|
.manager-header,
|
|
.card-main,
|
|
.order-line {
|
|
align-items: center;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.subtitle,
|
|
.card-meta {
|
|
color: #6b7280;
|
|
font-size: 24rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
|
|
.permission-tag,
|
|
.status-pill {
|
|
background: #eef2ff;
|
|
border-radius: 999rpx;
|
|
color: #3730a3;
|
|
font-size: 22rpx;
|
|
padding: 8rpx 16rpx;
|
|
}
|
|
|
|
.store-tabs {
|
|
margin: 24rpx 0;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
|
|
.store-tabs-inner {
|
|
display: inline-flex;
|
|
gap: 12rpx;
|
|
}
|
|
|
|
.store-tab {
|
|
margin: 0;
|
|
}
|
|
|
|
.store-tab.active {
|
|
background: #2563eb;
|
|
color: #fff;
|
|
}
|
|
|
|
.summary-grid {
|
|
display: grid;
|
|
gap: 14rpx;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
margin-bottom: 28rpx;
|
|
}
|
|
|
|
.summary-card {
|
|
background: #f8fafc;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 16rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 18rpx;
|
|
}
|
|
|
|
.summary-card strong {
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.summary-card text {
|
|
color: #64748b;
|
|
font-size: 22rpx;
|
|
}
|
|
|
|
.summary-card.success strong { color: #15803d; }
|
|
.summary-card.primary strong { color: #2563eb; }
|
|
.summary-card.warning strong { color: #c2410c; }
|
|
|
|
.section-title {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
margin: 28rpx 0 16rpx;
|
|
}
|
|
|
|
.room-card,
|
|
.order-card {
|
|
background: #fff;
|
|
border: 1rpx solid #e2e8f0;
|
|
border-radius: 18rpx;
|
|
margin-bottom: 16rpx;
|
|
padding: 22rpx;
|
|
}
|
|
|
|
.room-card.disabled {
|
|
opacity: .64;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 28rpx;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.card-actions {
|
|
display: flex;
|
|
gap: 12rpx;
|
|
justify-content: flex-end;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.card-actions button {
|
|
margin: 0;
|
|
}
|
|
|
|
.status-AVAILABLE { background: #dcfce7; color: #166534; }
|
|
.status-MAINTENANCE { background: #ffedd5; color: #9a3412; }
|
|
.status-RESERVED,
|
|
.status-IN_USE { background: #dbeafe; color: #1d4ed8; }
|
|
.status-CLEANING_REQUIRED { background: #fef3c7; color: #92400e; }
|
|
|
|
.order-line {
|
|
color: #64748b;
|
|
font-size: 23rpx;
|
|
margin-top: 18rpx;
|
|
}
|
|
|
|
.order-line strong {
|
|
color: #0f172a;
|
|
}
|
|
|
|
.loading,
|
|
.empty {
|
|
color: #64748b;
|
|
padding: 30rpx 0;
|
|
text-align: center;
|
|
}
|