83 lines
1.3 KiB
CSS
83 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: #f3f4f6;
|
|
color: #374151;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.fileButton:hover {
|
|
background: #e5e7eb;
|
|
}
|
|
|
|
.fileButton:focus-visible {
|
|
outline: 2px solid #1a1c1d;
|
|
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) {
|
|
min-height: 40px;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.productFields button,
|
|
.fileButton {
|
|
min-height: 40px;
|
|
}
|
|
}
|