hookehuyr

style(样式): 调整车辆状态标签的样式和布局

统一车辆状态标签的圆角大小和字体尺寸
将渐变背景改为半透明边框样式
调整操作按钮的间距和布局
......@@ -54,24 +54,34 @@
align-items: center;
gap: 8rpx;
padding: 8rpx 16rpx;
border-radius: 24rpx;
font-size: 22rpx;
color: white;
border-radius: 10rpx;
font-size: 19rpx;
background: white;
border: 2rpx solid;
&.verified {
background: linear-gradient(135deg, #10b981, #059669);
color: #10b981;
border-color: rgba(16, 185, 129, 0.5);
}
&.unverified {
background: linear-gradient(135deg, #6b7280, #4b5563);
color: #6b7280;
border-color: rgba(107, 114, 128, 0.5);
}
&.review {
background: linear-gradient(135deg, #f59e0b, #d97706);
color: #f59e0b;
border-color: rgba(245, 158, 11, 0.5);
}
&.failed {
background: linear-gradient(135deg, #ef4444, #dc2626);
color: #ef4444;
border-color: rgba(239, 68, 68, 0.5);
}
&.offline {
color: #ef4444;
border-color: rgba(239, 68, 68, 0.5);
}
}
......@@ -94,5 +104,7 @@
}
.action-buttons {
gap: 30rpx;
display: flex;
gap: 24rpx;
// justify-content: flex-end;
}
......
......@@ -72,34 +72,34 @@
align-items: center;
gap: 8rpx;
padding: 8rpx 16rpx;
border-radius: 24rpx;
font-size: 22rpx;
border-radius: 10rpx;
font-size: 19rpx;
background: white;
border: 2rpx solid;
&.verified {
color: #10b981;
border-color: #10b981;
border-color: rgba(16, 185, 129, 0.5);
}
&.unverified {
color: #6b7280;
border-color: #6b7280;
border-color: rgba(107, 114, 128, 0.5);
}
&.review {
color: #f59e0b;
border-color: #f59e0b;
border-color: rgba(245, 158, 11, 0.5);
}
&.failed {
color: #ef4444;
border-color: #ef4444;
border-color: rgba(239, 68, 68, 0.5);
}
&.offline {
color: #ef4444;
border-color: #ef4444;
border-color: rgba(239, 68, 68, 0.5);
}
}
......