lekss361/gendesign
1
0
Fork 0
Code Issues 57 Pull requests Projects Releases Packages Wiki Activity Actions

fix(tradein): фото аналога в Сводке больше не скрыто плейсхолдером #423

Merged
lekss361 merged 1 commit from fix/tradein-hero-photo-visible into main 2026-05-22 10:35:44 +00:00
Conversation 0 Commits 1 Files changed 1 +8
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
tradein-mvp/frontend/src/components/trade-in/trade-in.css
View file

@ -537,8 +537,16 @@
background: linear-gradient(135deg, oklch(85% 0.02 250), oklch(78% 0.025 240)); background: linear-gradient(135deg, oklch(85% 0.02 250), oklch(78% 0.025 240));
overflow: hidden; overflow: hidden;
} }
/* Реальное фото аналога должно перекрывать плейсхолдер-скелет (::before /
::after) — иначе абсолютные псевдоэлементы рисуются поверх <img>.
Если фото нет или оно не загрузилось — скелет остаётся виден. */
.hero-photo img {
position: relative;
z-index: 1;
}
.hero-photo .photo-meta { .hero-photo .photo-meta {
position: absolute; position: absolute;
z-index: 2;
bottom: 10px; left: 12px; bottom: 10px; left: 12px;
display: inline-flex; gap: 6px; display: inline-flex; gap: 6px;
padding: 4px 8px; padding: 4px 8px;