7 750
edições
Widget:Test4: mudanças entre as edições
Ir para navegação
Ir para pesquisar
sem sumário de edição
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 61: | Linha 61: | ||
.image-info p { | .image-info p { | ||
margin-bottom: 8px; /* Espaçamento de 8px entre as linhas */ | |||
margin-left: 40px; | margin-left: 40px; /* Mantém o alinhamento à esquerda */ | ||
line-height: 1.5; /* Ajusta o espaçamento entre as linhas */ | |||
} | } | ||
| Linha 104: | Linha 105: | ||
.class-icons { | .class-icons { | ||
display: flex; | display: flex; | ||
vertical-align: middle; | vertical-align: middle; /* Centraliza verticalmente */ | ||
transform: translateY( | transform: translateY(3px); /* Desce a imagem 3 pixels */ | ||
gap: 5px; | gap: 5px; | ||
} | } | ||
.type-dropdown { | .type-dropdown { | ||
| Linha 382: | Linha 384: | ||
<img src="${hunt.imageUrl}" alt="${hunt.name}" title="Clique para mais informações"> | <img src="${hunt.imageUrl}" alt="${hunt.name}" title="Clique para mais informações"> | ||
</a> | </a> | ||
<div class="image-info"> | |||
<p><b>Resistência:</b> ${Array.isArray(hunt.local) ? hunt.local.join(", ") : hunt.local}</p> | |||
<p><b>Dificuldade:</b> ${hunt.difficulty}</p> | |||
<p><b>Dano da Hunt:</b> ${hunt.huntTypes.includes("Todos") ? "Todos" : hunt.huntTypes.map(type => `<img src="${typeIcons[type]}" alt="${type}" title="${type}" class="class-icon">`).join(" ")}</p> | |||
<div class="class-container"> | |||
<p><b>Clãs:</b></p> | |||
<div class="class-icons"> | |||
${hunt.classes.includes("Todos") ? "Todos" : hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" title="${cls}" class="class-icon">`).join("")} | |||
</div> | |||
</div> | |||
</div> | |||
`; | `; | ||
imageContainer.appendChild(imageItem); | imageContainer.appendChild(imageItem); | ||