REFACTOR: Mudança de alinhamentos, peso de textos e conteúdo.
This commit is contained in:
parent
b9493c534a
commit
39117777d1
@ -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>
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user