chris/dex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drop card sprite below the ghost number

Browse Source 
- .card__art gets 36px top padding so the sprite centres in the space
  below the dex number instead of colliding with it; min-height raised to
  keep short cards showing the full sprite; spot glow moved down to match

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
chris 2026-08-28 08:27:13 -04:00
parent 491d1102cc
commit cbfca36e68
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/styles/layout.css
View File

@ -444,7 +444,7 @@
} }
.card__spot { .card__spot {
position: absolute; position: absolute;
top: 14px; top: 48px;
left: 50%; left: 50%;
width: 128px; width: 128px;
height: 128px; height: 128px;
@ -461,9 +461,10 @@
position: relative; position: relative;
z-index: 1; z-index: 1;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 124px; min-height: 152px;
padding-top: 36px; /* drop the sprite clear of the ghost number */
display: grid; display: grid;
place-items: center; /* centre the sprite in the card's upper area */ place-items: center; /* centre the sprite in the space that's left */
} }
.card__art .sprite { .card__art .sprite {
width: 116px; width: 116px;