退货取件管理:同步条与筛选区收紧、列表区放大 (#326)
This commit is contained in:
parent
7223a2eb2e
commit
0fa52090f7
@ -66,7 +66,7 @@
|
||||
color: var(--vip-content-ink, #171717);
|
||||
font-family: JetBrains Mono, Microsoft YaHei, PingFang SC, monospace;
|
||||
font-size: 0.8125rem;
|
||||
margin: 1.5rem 0;
|
||||
margin: .5rem 0 .4rem;
|
||||
}
|
||||
|
||||
.return-pickup-status {
|
||||
@ -74,7 +74,7 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
padding: 10px 14px;
|
||||
padding: 6px 12px;
|
||||
border: 1px solid var(--vip-border, #d8d2c7);
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
@ -101,17 +101,17 @@
|
||||
.return-pickup-status__meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px 14px;
|
||||
gap: 3px 12px;
|
||||
color: var(--vip-content-muted, #595959);
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
.return-pickup-filters {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(6, minmax(0, 1fr));
|
||||
gap: 10px 14px;
|
||||
margin-top: 14px;
|
||||
padding: 14px;
|
||||
gap: 6px 10px;
|
||||
margin-top: 8px;
|
||||
padding: 8px 10px;
|
||||
border: 1px solid var(--vip-border, #d8d2c7);
|
||||
border-radius: 12px;
|
||||
background: #fff;
|
||||
@ -121,21 +121,21 @@
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.return-pickup-field label {
|
||||
color: var(--vip-content-muted, #595959);
|
||||
font-size: 0.75rem;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
.return-pickup-field input,
|
||||
.return-pickup-field select {
|
||||
min-height: 34px;
|
||||
min-height: 28px;
|
||||
border: 1px solid var(--vip-border, #d8d2c7);
|
||||
border-radius: 8px;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
padding: 0 10px;
|
||||
padding: 0 8px;
|
||||
color: var(--vip-content-ink, #171717);
|
||||
font: inherit;
|
||||
outline: none;
|
||||
@ -144,18 +144,18 @@
|
||||
.return-pickup-actions {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
gap: 8px;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.return-pickup-button {
|
||||
display: inline-flex;
|
||||
min-height: 34px;
|
||||
min-height: 28px;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
gap: 5px;
|
||||
border: 1px solid var(--vip-border, #d8d2c7);
|
||||
border-radius: 8px;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
padding: 0 12px;
|
||||
padding: 0 9px;
|
||||
color: var(--vip-content-ink, #171717);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
@ -210,11 +210,16 @@
|
||||
}
|
||||
|
||||
.return-pickup-table-wrap--scroll {
|
||||
max-height: max(16rem, min(56vh, 40rem));
|
||||
max-height: max(14rem, min(calc(100vh - 19.5rem), 44rem));
|
||||
overflow-y: auto;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
/* 列表区填满底部:回收本页外层容器留白(仅本页生效)。 */
|
||||
.my-6:has(.return-pickup-page) { margin-bottom: .4rem; }
|
||||
.business-content-section:has(.return-pickup-page) { padding-bottom: .4rem; }
|
||||
.container:has(.return-pickup-page) { margin-bottom: 0; padding-bottom: 0; }
|
||||
|
||||
.return-pickup-table-wrap--scroll thead th {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
@ -296,7 +301,7 @@
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
padding: 10px 12px;
|
||||
padding: 5px 12px;
|
||||
border-top: 1px solid var(--vip-border, #d8d2c7);
|
||||
color: var(--vip-content-muted, #595959);
|
||||
font-size: 0.75rem;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user