|
@@ -121,26 +121,26 @@ export default {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.crisis-alert {
|
|
.crisis-alert {
|
|
|
- background: #fff;
|
|
|
|
|
|
|
+ background: $app-surface;
|
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
|
margin-bottom: 12rpx;
|
|
margin-bottom: 12rpx;
|
|
|
box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
|
|
box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
|
|
|
- border-left: 8rpx solid #FF6B9D;
|
|
|
|
|
|
|
+ border-left: 8rpx solid $dim-mind;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.crisis-alert.severity-high {
|
|
.crisis-alert.severity-high {
|
|
|
- border-left-color: #EF4444;
|
|
|
|
|
- background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);
|
|
|
|
|
|
|
+ border-left-color: $status-danger;
|
|
|
|
|
+ background: linear-gradient(135deg, $status-danger-tint 0%, $app-surface 100%);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.crisis-alert.severity-medium {
|
|
.crisis-alert.severity-medium {
|
|
|
- border-left-color: #F59E0B;
|
|
|
|
|
- background: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 100%);
|
|
|
|
|
|
|
+ border-left-color: $status-warning-2;
|
|
|
|
|
+ background: linear-gradient(135deg, $status-warning-tint 0%, $app-surface 100%);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.crisis-alert.severity-low {
|
|
.crisis-alert.severity-low {
|
|
|
- border-left-color: #3B82F6;
|
|
|
|
|
|
|
+ border-left-color: $status-info;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.alert-header {
|
|
.alert-header {
|
|
@@ -157,19 +157,19 @@ export default {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
- color: #333;
|
|
|
|
|
|
|
+ color: $facade-text-strong;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.alert-dismiss {
|
|
.alert-dismiss {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #ccc;
|
|
|
|
|
|
|
+ color: $facade-text-ghost;
|
|
|
padding: 4rpx 8rpx;
|
|
padding: 4rpx 8rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.alert-message {
|
|
.alert-message {
|
|
|
display: block;
|
|
display: block;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
|
|
|
|
+ color: $facade-text-body;
|
|
|
margin-top: 8rpx;
|
|
margin-top: 8rpx;
|
|
|
line-height: 1.5;
|
|
line-height: 1.5;
|
|
|
}
|
|
}
|
|
@@ -183,11 +183,11 @@ export default {
|
|
|
|
|
|
|
|
.alert-time {
|
|
.alert-time {
|
|
|
font-size: 20rpx;
|
|
font-size: 20rpx;
|
|
|
- color: #bbb;
|
|
|
|
|
|
|
+ color: $facade-text-ghost-light;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.alert-action {
|
|
.alert-action {
|
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
|
- color: #FF6B9D;
|
|
|
|
|
|
|
+ color: $dim-mind;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|