Карточка улова: SVG-портрет рыбы ×2. #card .bigemoji svg 120×75 → 240×150 (моб. ≤420px: 94×59 → 188×118, низкий экран ≤620px: 81×50.6 → 162×101.2 — соотношение 160:100 сохранено). Панель min(92vw,370px) с паддингом 22 px — контентная ширина до 326 px, 240 px влезает; на низких экранах панель скроллится (max-height:92vh). Чисто CSS: роллы/баланс/физика не тронуты. Тесты: пинов на размер портрета нет (M6-пин — href #cardFishUse) — 193/193 PASS, exit 0; check.mjs OK.
This commit is contained in:
+3
-3
@@ -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;margin:0 auto}
|
||||
#card .bigemoji svg{width:240px;height:150px;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)}
|
||||
@@ -231,7 +231,7 @@ button{font-family:inherit;cursor:pointer}
|
||||
.panel p{font-size:13.5px}
|
||||
.big{padding:13px;font-size:17px;border-radius:12px}
|
||||
#card .bigemoji{font-size:58px}
|
||||
#card .bigemoji svg{width:94px;height:59px}
|
||||
#card .bigemoji svg{width:188px;height:118px}
|
||||
#card .cname{font-size:21px}
|
||||
.hudbtns button{width:42px;height:42px;font-size:19px;border-radius:12px}
|
||||
#coins,#weather{font-size:15px;padding:7px 12px}
|
||||
@@ -244,7 +244,7 @@ button{font-family:inherit;cursor:pointer}
|
||||
.title{font-size:24px;margin-bottom:6px}
|
||||
.panel p{font-size:13px;line-height:1.4}
|
||||
#card .bigemoji{font-size:50px;margin:2px 0 0}
|
||||
#card .bigemoji svg{width:81px;height:50.6px}
|
||||
#card .bigemoji svg{width:162px;height:101.2px}
|
||||
.big{margin-top:10px;padding:11px;font-size:16px}
|
||||
.tabs button{padding:8px}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user