Add css for types in PokemonCard back to fix render issue in storybook

develop
Jason Zhu 2023-04-18 22:46:45 +10:00
parent ec0af2f3ac
commit bb5f6d73c4
1 changed files with 25 additions and 0 deletions

View File

@ -96,6 +96,31 @@ h3 {
justify-content: space-between; justify-content: space-between;
} }
.poke__type {
display: flex;
grid-gap: 0 10px;
gap: 0 20px;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.poke__type__bg > img {
width: 20px;
height: 20px;
}
.poke__type__bg {
width: 40px;
height: 40px;
border-radius: 100%;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.grass { .grass {
background: var(--grass); background: var(--grass);
box-shadow: 0 0 20px var(--grass); box-shadow: 0 0 20px var(--grass);