jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-07-10 12:23:58 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

gameboard fixes

Browse source
This commit is contained in:
seavor 2026-04-25 14:42:41 -05:00
parent 88489ea2eb
commit f534cd79b7
86 changed files with 4249 additions and 2145 deletions
Download patch file Download diff file Expand all files Collapse all files

63
webclient/src/components/Game/StackColumn/StackColumn.css Normal file
View file

@ -0,0 +1,63 @@
/* Permanent vertical strip between the PlayerInfoPanel and the
Battlefield. Mirrors desktop's territorial framing — rust/brown
background distinguishes it from the battlefield lanes and the
blue-tinted info rail. */
.stack-column {
width: 76px;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding: 6px 4px;
background: #5a2020;
border-right: 1px solid #2a0c0c;
border-left: 1px solid #2a0c0c;
color: #f2d7d7;
font-size: 11px;
overflow: hidden;
}
.stack-column--mirrored {
/* Mirror the card stacking order so the top-of-stack (last-cast) card
sits closest to the battlefield for the opponent half. */
flex-direction: column-reverse;
}
.stack-column__cards {
flex: 1 1 auto;
min-height: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
overflow: hidden;
}
.stack-column--mirrored .stack-column__cards {
flex-direction: column-reverse;
}
.stack-column__thumb {
width: 64px;
height: 88px;
background: #1a0808;
border: 1px solid #2a0c0c;
border-radius: 3px;
overflow: hidden;
flex-shrink: 0;
}
.stack-column__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.stack-column__placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #3a1414 0%, #1a0808 100%);
}