This commit is contained in:
cay 2026-04-13 10:17:35 +01:00
parent 4ba993edb8
commit 0750b4548a
2 changed files with 9 additions and 6 deletions

View File

@ -412,10 +412,7 @@ body {
height: calc(var(--s) * 160); height: calc(var(--s) * 160);
border-radius: calc(var(--s) * 9); border-radius: calc(var(--s) * 9);
border: 2px dashed rgba(255, 215, 80, 0.35); border: 2px dashed rgba(255, 215, 80, 0.35);
background-color: rgba(10, 8, 5, 0.92); background-color: #0a0805;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -424,6 +421,7 @@ body {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
box-shadow: 0 calc(var(--s) * 4) calc(var(--s) * 14) rgba(0,0,0,.35);
} }
.hand-slot:hover { .hand-slot:hover {
border-color: rgba(255, 215, 80, 0.9); border-color: rgba(255, 215, 80, 0.9);
@ -955,3 +953,8 @@ body {
.hand-slot[draggable="true"]:active { .hand-slot[draggable="true"]:active {
cursor: grabbing; cursor: grabbing;
} }
.hand-slot img.hand-card-img {
width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(var(--s) * 7);
}

View File

@ -466,13 +466,13 @@
// Kein <img>-Element → keine Flex-Höhen-Probleme, kein z-index-Konflikt. // Kein <img>-Element → keine Flex-Höhen-Probleme, kein z-index-Konflikt.
// background-color (#0a0805) deckt transparente PNG-Bereiche solid ab. // background-color (#0a0805) deckt transparente PNG-Bereiche solid ab.
if (card.image) { if (card.image) {
slot.style.backgroundImage = `url('/images/cards/${card.image}')`; slot.style.backgroundImage = 'none';
} else { } else {
slot.style.backgroundImage = 'none'; slot.style.backgroundImage = 'none';
} }
slot.innerHTML = card.image slot.innerHTML = card.image
? `${statsHtml}${readyBadge}` ? `<img class="hand-card-img" src="/images/cards/${card.image}" onerror="this.src='/images/items/rueckseite.png'" title="${card.name}">${statsHtml}${readyBadge}`
: `<div style="width:100%;height:100%;display:flex;flex-direction:column; : `<div style="width:100%;height:100%;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:4px;font-family:Cinzel,serif;"> align-items:center;justify-content:center;gap:4px;font-family:Cinzel,serif;">
<span style="font-size:18px;">⚔️</span> <span style="font-size:18px;">⚔️</span>