REFACTOR: Mudança de alinhamentos, peso de textos e conteúdo.

This commit is contained in:
tulioperdigao 2025-10-13 16:05:11 -03:00
parent b9493c534a
commit 39117777d1
3 changed files with 9 additions and 4 deletions

View File

@ -26,7 +26,7 @@
</div> </div>
<div class="description-content"> <div class="description-content">
<p> <p>
Esta aplicação é responsável por verificar a viabilidade técnica de endereços, identificando se há disponibilidade para Link Dedicado e Link Não Dedicado (banda larga). Para realizar a verificação, insira o CEP e o número do imóvel nos campos abaixo e clique em “Consultar CEP”. A capilaridade da fibra óptica da Sothis Telecom está sempre em expansão, por isso, atualizamos essa página constantemente. Se você deseja consultar a viabilidade da nossa rede para o endereço da sua casa ou da sua empresa, preencha os campos abaixo:
</p> </p>
</div> </div>
</div> </div>

View File

@ -11,7 +11,7 @@ document.getElementById('btnConsultaCep').addEventListener('click', async () =>
const data = await resp.json(); const data = await resp.json();
if (data.distancia) { if (data.distancia) {
// colocar o card-results__container (resultados) com display block // colocar o card-results__container (resultados) com display block
endereco.innerText = `Endereço: ${data.endereco}.`; endereco.innerHTML = `<strong>Endereço:</strong> ${data.endereco}.`;
resultados.style.display = 'block'; resultados.style.display = 'block';
// insere nos spans link-dedicado e link-nao-dedicado os textos de viabilidade e se for viavel adicionar classe "viavel" e se for inviavel adicionar classe "inviavel" // insere nos spans link-dedicado e link-nao-dedicado os textos de viabilidade e se for viavel adicionar classe "viavel" e se for inviavel adicionar classe "inviavel"

View File

@ -95,6 +95,10 @@ button:hover {
background-color: #298897 !important; background-color: #298897 !important;
} }
label {
font-weight: bold;
}
.progress-bar { .progress-bar {
background-color: #31a3b5 !important; background-color: #31a3b5 !important;
} }
@ -160,6 +164,7 @@ button:hover {
body > div.container > div.card > div > div.row.g-2.card-body-input__container > div:nth-child(3){ body > div.container > div.card > div > div.row.g-2.card-body-input__container > div:nth-child(3){
display: flex; display: flex;
align-items: flex-end ; align-items: flex-end ;
justify-content: center;
margin-top: 0px; margin-top: 0px;
} }
@ -169,11 +174,11 @@ button:hover {
} }
.description-content { .description-content {
width: 50%; width: 100%;
} }
.description-content > p { .description-content > p {
text-align: left; text-align: justify;
} }
.call-text { .call-text {