140 lines
2.7 KiB
Plaintext
140 lines
2.7 KiB
Plaintext
.task-inspection-detail {
|
|
padding: 5px;
|
|
background-color: transparent;
|
|
min-height: 100vh;
|
|
|
|
.info-card {
|
|
margin-bottom: 24px;
|
|
background-color: transparent;
|
|
border: none;
|
|
|
|
.ant-card-body {
|
|
color: #fff;
|
|
}
|
|
|
|
.ant-form-item-label > label {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.ant-input,
|
|
.ant-picker {
|
|
background-color: rgba(255, 255, 255, 0.04);
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
color: rgba(255, 255, 255, 0.85);
|
|
|
|
&:hover,
|
|
&:focus {
|
|
border-color: #1890ff;
|
|
}
|
|
}
|
|
|
|
.ant-picker {
|
|
.ant-picker-input > input {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.ant-picker-suffix,
|
|
.ant-picker-separator {
|
|
color: rgba(255, 255, 255, 0.45);
|
|
}
|
|
|
|
.ant-picker-clear {
|
|
background: #1a1a27;
|
|
color: rgba(255, 255, 255, 0.45);
|
|
}
|
|
}
|
|
|
|
.ant-input-textarea {
|
|
.ant-input {
|
|
min-height: 80px;
|
|
}
|
|
}
|
|
|
|
.ant-picker-suffix {
|
|
color: rgba(255, 255, 255, 0.45);
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.inspection-card {
|
|
background-color: transparent;
|
|
border: none;
|
|
|
|
.category-tabs {
|
|
display: flex;
|
|
margin-bottom: 16px;
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
padding-bottom: 16px;
|
|
|
|
.category-tab {
|
|
padding: 8px 16px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
transition: all 0.3s;
|
|
|
|
&:hover {
|
|
color: #1890ff;
|
|
}
|
|
|
|
&.active {
|
|
color: #1890ff;
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -16px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background-color: #1890ff;
|
|
}
|
|
}
|
|
|
|
.category-label {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
}
|
|
|
|
.category-count {
|
|
margin-left: 4px;
|
|
color: rgba(255, 255, 255, 0.45);
|
|
}
|
|
|
|
&:hover .category-label,
|
|
&.active .category-label {
|
|
color: #1890ff;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-info {
|
|
margin-bottom: 16px;
|
|
|
|
.total-info {
|
|
color: rgba(255, 255, 255, 0.65);
|
|
}
|
|
}
|
|
|
|
.inspection-table {
|
|
.ant-table {
|
|
background-color: transparent;
|
|
color: #fff;
|
|
|
|
.ant-table-thead > tr > th {
|
|
background-color: rgba(255, 255, 255, 0.04);
|
|
color: rgba(255, 255, 255, 0.85);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.ant-table-tbody > tr > td {
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
color: rgba(255, 255, 255, 0.65);
|
|
}
|
|
|
|
.ant-table-tbody > tr:hover > td {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |