退货取件管理:同步条与筛选区收紧、列表区放大 #326

Merged
zhoushengchen merged 1 commits from feature/zhoushengchen-return-pickup-compact into main 2026-10-13 12:10:59 +08:00

View File

@ -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;