7 894
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 76: | Linha 76: | ||
margin-right: 5px; | margin-right: 5px; | ||
} | } | ||
.class-container { | |||
display: flex; | |||
align-items: center; | |||
gap: 10px; | |||
} | |||
.class-icons { | |||
display: flex; | |||
gap: 5px; /* Espaçamento entre os ícones */ | |||
} | |||
.type-dropdown { | .type-dropdown { | ||
margin-top: 10px; | margin-top: 10px; | ||
Linha 194: | Linha 204: | ||
<p><b>Dificuldade:</b> ${hunt.difficulty}</p> | <p><b>Dificuldade:</b> ${hunt.difficulty}</p> | ||
${hunt.hasType ? `<p><b>Dano da Hunt:</b> ${selectedHuntType || "Não selecionado"}</p>` : ""} | ${hunt.hasType ? `<p><b>Dano da Hunt:</b> ${selectedHuntType || "Não selecionado"}</p>` : ""} | ||
<div class="class-container"> | |||
<p><b>Clãs Indicados:</b></p> | |||
<div class="class-icons"> | |||
${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")} | |||
</div> | |||
</div> | |||
</div> | |||
`; | `; | ||
imageContainer.appendChild(imageItem); | imageContainer.appendChild(imageItem); |