78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
/* 紧凑样式只作用于任务详情，不改变其它上传类型的共享字段。 */
|
|
.metadata > div,
|
|
.metadata :is(input[type='text'], select),
|
|
.productFields > div {
|
|
min-width: 0;
|
|
}
|
|
|
|
.metadata label {
|
|
margin-bottom: 4px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.metadata :is(input[type='text'], select) {
|
|
min-height: 44px;
|
|
padding: 8px 12px;
|
|
border-radius: 8px;
|
|
font-size: 16px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.metadata input[role='combobox'] {
|
|
padding-right: 80px;
|
|
}
|
|
|
|
.productFields button {
|
|
min-height: 44px;
|
|
height: auto;
|
|
flex-shrink: 0;
|
|
padding: 8px 12px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.references > div {
|
|
gap: 12px 16px;
|
|
}
|
|
|
|
.fileButton {
|
|
min-height: 44px;
|
|
flex-shrink: 0;
|
|
padding: 8px 12px;
|
|
border-radius: 8px;
|
|
background: #ffffff;
|
|
color: #1a1c1d;
|
|
border: 1px solid #e7e8ea;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.fileButton:hover {
|
|
background: #edf0f2;
|
|
}
|
|
|
|
.fileButton:focus-visible {
|
|
outline: 2px solid #1677ff;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.fileButton:disabled {
|
|
cursor: not-allowed;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.feedback {
|
|
scroll-margin-block: 12px 88px;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.references > div {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.metadata :is(input[type='text'], select) {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
}
|