thug0bin/pharmacy-pos-qr-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 제품 이미지 플레이스홀더 개선 (이모지 → SVG 아이콘)

Browse Source 
- 📦 이모지 대신 일반적인 이미지 플레이스홀더 스타일 적용
- 회색 그라데이션 배경 + SVG 이미지 아이콘
- 실제 이미지와 동일한 36x36 크기
This commit is contained in:
thug0bin 2026-03-04 12:23:36 +09:00
parent fa4e87b461
commit b660f324ac
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
backend/templates/admin_sales_pos.html
View File

@ -387,11 +387,16 @@
display: flex;
align-items: center;
justify-content: center;
background: var(--bg-secondary);
background: linear-gradient(135deg, #2a2a3e 0%, #1e1e2e 100%);
border-radius: 6px;
font-size: 16px;
opacity: 0.4;
flex-shrink: 0;
border: 1px solid rgba(255,255,255,0.05);
}
.product-thumb-placeholder svg {
width: 18px;
height: 18px;
opacity: 0.3;
fill: #888;
}
.product-info {
display: flex;
@ -827,7 +832,7 @@
<div class="product-cell">
${item.thumbnail
? `<img src="data:image/jpeg;base64,${item.thumbnail}" class="product-thumb" alt="">`
: `<div class="product-thumb-placeholder">📦</div>`
: `<div class="product-thumb-placeholder"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z"/></svg></div>`
}
<div class="product-info">
<span class="product-name">${escapeHtml(item.product_name)}</span>
@ -863,7 +868,7 @@
<div class="product-cell">
${item.thumbnail
? `<img src="data:image/jpeg;base64,${item.thumbnail}" class="product-thumb" alt="">`
: `<div class="product-thumb-placeholder">📦</div>`
: `<div class="product-thumb-placeholder"><svg viewBox="0 0 24 24"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zm-5-7l-3 3.72L9 13l-3 4h12l-4-5z"/></svg></div>`
}
<div class="product-info">
<span class="product-name">${escapeHtml(item.product_name)}</span>