style(orders/new): 카드 사진 축소 + 품목명/단가/재고 폰트 확대
Deploy momo-erp / deploy (push) Successful in 1m54s

- 사진 비율: aspect-square → aspect-[4/3] (세로 축소)
- 품목명: text-[11px] → text-sm sm:text-base font-bold
- 단가: text-xs sm:text-sm → text-base sm:text-lg font-extrabold
- 재고: text-[10px] font-semibold → text-sm sm:text-base font-extrabold

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
chpark
2026-05-20 21:51:19 +09:00
parent 6407954fc1
commit 84ef9e5179
+4 -4
View File
@@ -567,7 +567,7 @@ function ItemsBrowse() {
const dim = soldOut;
return (
<div key={it.OBJID} className={`bg-white border rounded-lg p-2 transition ${dim ? "opacity-50" : ""} ${inCart > 0 ? "border-emerald-400 ring-2 ring-emerald-100" : "border-slate-200 hover:shadow-md"}`}>
<div className="aspect-square bg-slate-50 rounded mb-1.5 overflow-hidden flex items-center justify-center relative">
<div className="aspect-[4/3] bg-slate-50 rounded mb-1.5 overflow-hidden flex items-center justify-center relative">
{it.IMAGE_URL ? (
// eslint-disable-next-line @next/next/no-img-element
<img src={it.IMAGE_URL} alt={it.ITEM_NAME} className="w-full h-full object-cover" />
@@ -588,10 +588,10 @@ function ItemsBrowse() {
)}
</div>
</div>
<div className="font-bold text-[11px] sm:text-xs text-slate-900 leading-tight mb-0.5 line-clamp-2 min-h-[2em]">{it.ITEM_NAME}</div>
<div className="font-bold text-sm sm:text-base text-slate-900 leading-tight mb-1 line-clamp-2 min-h-[2.4em]">{it.ITEM_NAME}</div>
<div className="flex items-baseline justify-between mb-1 gap-1">
<div className="font-bold text-slate-900 tabular-nums text-xs sm:text-sm">{fmt(it.UNIT_PRICE)}</div>
<div className={`text-[10px] font-semibold tabular-nums shrink-0 ${stock > 0 ? "text-emerald-700" : "text-rose-500"}`}>
<div className="font-extrabold text-slate-900 tabular-nums text-base sm:text-lg">{fmt(it.UNIT_PRICE)}</div>
<div className={`text-sm sm:text-base font-extrabold tabular-nums shrink-0 ${stock > 0 ? "text-emerald-700" : "text-rose-500"}`}>
{fmt(stock)}{it.UNIT}
</div>
</div>