refactor(pokemon): simplify list card to display only image and name

Remove environment, types, skills, and meta from the list view
Update CSS and skeleton loaders for a centered, larger image layout
This commit is contained in:
2026-05-02 21:37:09 +08:00
parent 874ecc5625
commit 97f06794a8
3 changed files with 33 additions and 30 deletions

View File

@@ -1461,6 +1461,33 @@ button:disabled,
color: var(--muted);
}
.pokemon-list-grid .entity-card {
min-height: 168px;
grid-template-columns: 1fr;
justify-items: center;
align-content: center;
gap: 14px;
text-align: center;
}
.pokemon-list-grid .entity-card__mark {
width: 92px;
height: 92px;
}
.pokemon-list-grid .pokeball-mark {
--ball-size: 64px !important;
}
.pokemon-list-grid .entity-card__content {
justify-items: center;
gap: 0;
}
.pokemon-list-grid .entity-card__title {
font-size: 20px;
}
.edit-meta {
margin: 0;
color: var(--muted);