- 사진 비율: 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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user