Центрирование SVG-портрета на карточке улова: #card .bigemoji svg — margin:0 auto. Портрет (блок фиксированной ширины 120px) прижимался к левому краю: text-align:center у .panel центрирует только текст, на блочный SVG не действует (.bigemoji — display:block на всю ширину). Адаптивные размеры (94px/81px в media-запросах) наследуют правило. Игровая логика не тронута (визуальный фикс). Тесты: 193/193 PASS, exit 0; check.mjs OK.
This commit is contained in:
+1
-1
@@ -150,7 +150,7 @@ button{font-family:inherit;cursor:pointer}
|
||||
#card .bigemoji{font-size:74px;margin:4px 0 2px;display:block;animation:bob 1.2s ease-in-out infinite;
|
||||
filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}
|
||||
/* SVG-портрет улова в карточке (спрайт <use href="#fish-<id>">, showCard ставит href у #cardFishUse) */
|
||||
#card .bigemoji svg{width:120px;height:75px;display:block}
|
||||
#card .bigemoji svg{width:120px;height:75px;display:block;margin:0 auto}
|
||||
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
|
||||
#card .rarity{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
|
||||
padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
|
||||
|
||||
Reference in New Issue
Block a user