5 667
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 30: | Linha 30: | ||
margin: 5px; | margin: 5px; | ||
} | } | ||
#searchButton { | #searchButton, #filterButton { | ||
background: none; /* Remove o fundo do botão */ | background: none; /* Remove o fundo do botão */ | ||
border: none; /* Remove a borda do botão */ | border: none; /* Remove a borda do botão */ | ||
Linha 36: | Linha 36: | ||
cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */ | cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */ | ||
} | } | ||
#searchButton img { | #searchButton img, #filterButton img { | ||
width: 12px; | width: 12px; | ||
vertical-align: middle; | vertical-align: middle; | ||
Linha 105: | Linha 105: | ||
</div> | </div> | ||
<div id="filterById"> | |||
<label for="searchIds">Buscar por ID(s):</label> | <label for="searchIds">Buscar por ID(s):</label> | ||
<div class="input-group"> | <div class="input-group"> | ||
<input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="mapsCalc__select"> | <input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="mapsCalc__select"> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="d-flex justify-center align-center flex-column"> | <div class="d-flex justify-center align-center flex-column"> | ||
<button type="submit" class="hover-minimize"> | <button type="submit" id="filterButton" class="hover-minimize"> | ||
<img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão | <img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar"> | ||
</button> | </button> | ||
</div> | </div> | ||
<div id="imageContainer" class="image-container hidden"> | <div id="imageContainer" class="image-container hidden"> | ||
<!-- As imagens e suas informações serão exibidas aqui --> | <!-- As imagens e suas informações serão exibidas aqui --> |