zjrztfsj
This commit is contained in:
parent
4ba993edb8
commit
0750b4548a
@ -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);
|
||||||
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user