fix: OTC 모달 이미지 placeholder 스타일 개선
- 그라데이션 배경 + 점선 테두리 - SVG 이미지 아이콘 사용 - admin_products.html 스타일 통일
This commit is contained in:
parent
088d88878a
commit
141b211f07
@ -280,14 +280,18 @@
|
|||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
background: #e2e8f0;
|
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
|
||||||
|
border: 2px dashed #cbd5e1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
color: #94a3b8;
|
|
||||||
font-size: 1.2rem;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
.otc-purchase-item .thumb-placeholder svg {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
fill: #94a3b8;
|
||||||
|
}
|
||||||
.otc-purchase-item .info {
|
.otc-purchase-item .info {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
@ -1146,7 +1150,7 @@
|
|||||||
<div class="otc-purchase-item">
|
<div class="otc-purchase-item">
|
||||||
${item.image
|
${item.image
|
||||||
? `<img class="thumb" src="data:image/jpeg;base64,${item.image}" alt="">`
|
? `<img class="thumb" src="data:image/jpeg;base64,${item.image}" alt="">`
|
||||||
: `<div class="thumb-placeholder">💊</div>`
|
: `<div class="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="info">
|
<div class="info">
|
||||||
<div class="name">${item.name}</div>
|
<div class="name">${item.name}</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user