Dicken/dickendock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

feat: KöPi - 11er Kasten mit kasten_front.png

Browse Source
This commit is contained in:
Dicken
2026-07-09 15:47:36 +02:00
parent b53f58956a
commit 5a14fec92d
7 changed files with 32 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
frontend/public/koepi/kasten_033.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
frontend/public/koepi/kasten_050.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
frontend/public/koepi/kasten_lang.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 114 KiB

BIN
frontend/public/koepi/kasten_steini.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
frontend/public/koepi/traeger.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 129 KiB

11
frontend/src/tools/koepi.jsx
View File

@@ -34,12 +34,11 @@ function OfferCard({ offer }) {
border:'1px solid rgba(255,255,255,0.1)',
display:'flex', flexDirection:'column', gap:8,
}}>
{/* Bild oben, volle Breite */}
{offer.image && (
<div style={{ margin:'-12px -14px 8px -14px', borderRadius:'8px 8px 0 0', overflow:'hidden', background:'#1a1a1a', display:'flex', alignItems:'center', justifyContent:'center', maxHeight:220 }}>
<img src={offer.image} alt="König Pilsener"
style={{ maxWidth:'100%', maxHeight:220, width:'auto', height:'auto', display:'block', objectFit:'contain' }}
onError={e => { e.target.parentElement.style.display='none'; }}
{/* Bild oben */}
{offer.imageLocal && (
<div style={{ margin:'-12px -14px 8px -14px', borderRadius:'8px 8px 0 0', background:'transparent', height:180, display:'flex', alignItems:'center', justifyContent:'center' }}>
<img src={offer.imageLocal} alt="König Pilsener"
style={{ maxWidth:'100%', maxHeight:'180px', width:'auto', height:'auto', display:'block', objectFit:'contain' }}
/>
</div>
)}