Refactor Pokémon display structure and improve image preloading logic

This commit is contained in:
vista-man
2025-03-25 17:53:37 +01:00
parent 730519bc19
commit 4ad8093682
2 changed files with 26 additions and 7 deletions

View File

@@ -72,7 +72,17 @@
<section class="pokemon-list">
<div class="container">
<div class="list-wrapper">
<img data-src-low="${pokemon.image_url_low}" data-src="${pokemon.image_url}" alt="${pokemon.name}" />
<div class="list-item">
<div class="number-wrap">
<p class="caption-fonts">#${pokemon.id}</p>
</div>
<div class="img-wrap">
<img data-src-low="${pokemon.image_url_low}" data-src="${pokemon.image_url}" alt="${pokemon.name}" />
</div>
<div class="name-wrap">
<p class="body3-fonts">${pokemon.name}</p>
</div>
</div>
</div>
</div>
<div id="not-found-message">Pokemon not found</div>