89 lines
1.5 KiB
CSS
89 lines
1.5 KiB
CSS
/**
|
|
* 配置列表页样式
|
|
*/
|
|
|
|
/* 配置页面容器 */
|
|
.config-lists {
|
|
/* @apply p-6; */
|
|
}
|
|
|
|
/* 表格区域 */
|
|
.config-lists .config-table {
|
|
@apply w-full;
|
|
}
|
|
|
|
/* 选择框focus状态 */
|
|
.config-lists .form-select:focus {
|
|
border-color: #00684a;
|
|
box-shadow: 0 0 0 2px rgba(0, 104, 74, 0.2);
|
|
outline: none;
|
|
}
|
|
|
|
/* 环境标签 */
|
|
.config-lists .env-tag {
|
|
@apply inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium;
|
|
}
|
|
|
|
.config-lists .env-tag-dev {
|
|
@apply bg-blue-100 text-blue-900;
|
|
}
|
|
|
|
.config-lists .env-tag-test {
|
|
@apply bg-yellow-100 text-yellow-900;
|
|
}
|
|
|
|
.config-lists .env-tag-prod {
|
|
@apply bg-green-100 text-green-900;
|
|
}
|
|
|
|
/* 操作列样式 */
|
|
.config-lists .operations-cell {
|
|
@apply flex space-x-2;
|
|
}
|
|
|
|
.config-lists .operation-btn {
|
|
@apply text-sm flex items-center text-[--color-primary] bg-transparent hover:underline p-2;
|
|
}
|
|
|
|
|
|
.config-lists .operation-btn i {
|
|
@apply mr-1;
|
|
}
|
|
|
|
/* 详情模态框样式 */
|
|
.config-lists .config-detail-content {
|
|
@apply space-y-4;
|
|
}
|
|
|
|
.config-lists .config-detail-item {
|
|
@apply mb-4;
|
|
}
|
|
|
|
.config-lists .config-detail-label {
|
|
@apply text-sm text-gray-500 mb-1;
|
|
}
|
|
|
|
.config-lists .config-detail-value {
|
|
@apply text-base;
|
|
}
|
|
|
|
.config-lists .config-detail-code {
|
|
@apply bg-gray-50 p-3 rounded text-sm overflow-x-auto;
|
|
}
|
|
|
|
.config-lists .ant-btn-primary{
|
|
@apply !text-white
|
|
}
|
|
|
|
/* 响应式调整 */
|
|
@screen md {
|
|
.config-lists .config-filter-form {
|
|
@apply grid-cols-2;
|
|
}
|
|
}
|
|
|
|
@screen lg {
|
|
.config-lists .config-filter-form {
|
|
@apply grid-cols-4;
|
|
}
|
|
} |