7 894
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 53: | Linha 53: | ||
margin: 5px 0; | margin: 5px 0; | ||
} | } | ||
.image- | .image-item { | ||
display: flex; | |||
justify-content: center; /* Centraliza o card */ | |||
width: 100%; /* Garante que ele ocupe o espaço necessário */ | |||
} | |||
.image-content { | |||
text-align: left; /* Mantém o texto alinhado à esquerda */ | |||
max-width: 400px; /* Ajuste conforme necessário para o tamanho do card */ | |||
width: 100%; | width: 100%; | ||
} | } | ||
.tag-button { | .tag-button { | ||
| Linha 196: | Linha 202: | ||
if (matchesTags && matchesHuntType) { | if (matchesTags && matchesHuntType) { | ||
const imageItem = document.createElement("div"); | |||
imageItem.className = "image-item"; | |||
imageItem.innerHTML = ` | |||
<div class="image-content"> | |||
<a href="${hunt.link}" target="_blank"> | |||
<img src="${hunt.imageUrl}" alt="${hunt.name}"> | |||
</a> | |||
<div class="image-info"> | |||
<p><b>Nome do Local:</b> ${hunt.name}</p> | |||
<p><b>Localização:</b> ${hunt.local}</p> | |||
<p><b>Dificuldade:</b> ${hunt.difficulty}</p> | |||
${hunt.hasType ? `<p><b>Dano da Hunt:</b> ${hunt.huntTypes.join(", ")}</p>` : ""} | |||
<div class="class-container"> | |||
<p><b>Clãs:</b></p> | |||
<div class="class-icons"> | |||
${hunt.classes.map(cls => `<img src="${classIcons[cls]}" alt="${cls}" class="class-icon">`).join("")} | |||
</div> | |||
</div> | |||
</div> | |||
</div> | |||
`; | |||
imageContainer.appendChild(imageItem); | imageContainer.appendChild(imageItem); | ||
} | } | ||