feat: 支持人工修改蝦皮规格 (#215)
This commit is contained in:
@@ -256,6 +256,22 @@ tr.empty small { color: #aaa; }
|
||||
.thumb-placeholder, .thumb-fallback { color: #6b7280; font-size: 12px; white-space: nowrap; }
|
||||
.detail-product-image { width: 120px; max-height: 120px; object-fit: contain; border: 1px solid #ccd1d6; border-radius: 4px; }
|
||||
|
||||
/* 蝦皮 SKU 默认保持只读摘要,只在当前行展开编辑,避免规格多时整张表
|
||||
被输入框淹没。表格自身负责横向滚动。 */
|
||||
.sku-editor > summary { color: #1f5f99; cursor: pointer; }
|
||||
.sku-editor[open] > summary { margin-bottom: 8px; }
|
||||
.sku-edit-form { min-width: 360px; white-space: normal; }
|
||||
.sku-edit-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(140px, 1fr));
|
||||
gap: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.sku-edit-field { display: flex; flex-direction: column; gap: 4px; color: #555; }
|
||||
.sku-edit-field input { min-width: 0; width: 100%; }
|
||||
.sku-edit-advice { grid-column: 1 / -1; }
|
||||
.sku-edit-form small { display: block; color: #777; margin-bottom: 8px; }
|
||||
|
||||
/* ── 弹窗 ─────────────────────────────── */
|
||||
/* 用 hidden 属性控制显示隐藏,JS 只改这一个属性,不拼样式 */
|
||||
.modal-backdrop[hidden] { display: none; }
|
||||
|
||||
Reference in New Issue
Block a user