diff --git a/app/modules/malaysia/templates/malaysia/stocktake_detail.html b/app/modules/malaysia/templates/malaysia/stocktake_detail.html index bfae270..9bf222a 100644 --- a/app/modules/malaysia/templates/malaysia/stocktake_detail.html +++ b/app/modules/malaysia/templates/malaysia/stocktake_detail.html @@ -6,7 +6,7 @@ .mys-compact .erp-table th, .mys-compact .erp-table td { padding-top:4px; padding-bottom:4px; } - /* 랙 보드 */ - .rack-board { display:flex; gap:24px; flex-wrap:wrap; } - .rack-side { flex:1 1 480px; } + /* 랙 보드 — 두 면을 한 화면에 나란히 */ + .rack-board { display:flex; gap:16px; flex-wrap:wrap; } + .rack-side { flex:1 1 460px; min-width:0; } .rack-side h3 { text-align:center; margin:0 0 8px; } - .rack-row { display:grid; grid-template-columns:repeat(6, 1fr); gap:6px; margin-bottom:6px; } + .rack-row { display:grid; grid-template-columns:repeat(6, 1fr); gap:5px; margin-bottom:5px; } .rack-cell { - border:1px solid #cbd5e1; border-radius:6px; padding:4px; - background:#f8fafc; min-height:84px; display:flex; flex-direction:column; + border:1px solid #cbd5e1; border-radius:6px; padding:3px; + background:#f8fafc; min-height:78px; display:flex; flex-direction:column; min-width:0; } .rack-cell-head { - display:flex; align-items:center; justify-content:space-between; - font-size:11px; font-weight:600; color:#475569; margin-bottom:3px; + display:flex; align-items:center; gap:3px; justify-content:space-between; + font-size:10px; font-weight:600; color:#475569; margin-bottom:3px; } - .rack-cell-head .rk-cell-total { color:#0f172a; } + .rack-cell-head .rk-cell-total { color:#0f172a; white-space:nowrap; } .rack-cell-head .rk-add { border:1px solid #94a3b8; background:#fff; border-radius:4px; - width:18px; height:18px; line-height:1; padding:0; cursor:pointer; font-weight:700; + width:18px; height:18px; line-height:1; padding:0; cursor:pointer; font-weight:700; flex:0 0 auto; } .rk-rows { display:flex; flex-direction:column; gap:3px; } - .rk-row { display:grid; grid-template-columns: 1fr 38px 8px 32px 30px 16px; gap:2px; align-items:center; } - .rk-row .rk-sku { font-size:10px; padding:1px 2px; } - .rk-row .rk-upb, .rk-row .rk-box { font-size:10px; padding:1px 2px; text-align:right; } + .rk-row { display:grid; grid-template-columns: minmax(0,1fr) 34px 7px 30px 26px 14px; gap:2px; align-items:center; } + .rk-row .rk-sku { font-size:10px; padding:1px 2px; min-width:0; } + .rk-row .rk-upb, .rk-row .rk-box { font-size:10px; padding:1px 2px; text-align:right; min-width:0; } .rk-row .rk-x { font-size:10px; color:#94a3b8; text-align:center; } .rk-row .rk-sub { font-size:10px; text-align:right; color:#2563eb; font-weight:600; } .rk-row .rk-del { @@ -62,41 +62,26 @@