style: the Site at 80% on computers, and seconds instead of "quase pronto"
All checks were successful
Build and deploy / Validate source (push) Successful in 5s
Build and deploy / Integration suite on a real stack (push) Successful in 2m43s
Build and deploy / Secret scan and release gate (push) Successful in 4s
Build and deploy / Publish images (push) Successful in 58s

The text sizes were chosen looking at the Site with the browser at 80%; at
100% everything felt too big. On screens 1100 px and wider the Site is now
drawn at 80% (CSS zoom); phones and tablets keep their sizes. The time left
while reading a large file shows the seconds under 10 s ("faltam 7 s")
instead of "quase pronto".

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Cauê Faleiros
2026-09-30 15:39:50 -03:00
parent bee7f8f245
commit 0b55ebce7f
2 changed files with 6 additions and 1 deletions

View File

@@ -136,7 +136,7 @@ const faixaEnvio=bytes=>bytes/ENVIO_RAPIDO<60 ? 'até '+duracao(bytes/ENVIO_LENT
function faltaLeitura(l){ function faltaLeitura(l){
if(!l || !(l.p>0.02)) return 'calculando o tempo…'; if(!l || !(l.p>0.02)) return 'calculando o tempo…';
const s=(Date.now()-l.inicio)/1000*(1-l.p)/l.p; const s=(Date.now()-l.inicio)/1000*(1-l.p)/l.p;
return s<10 ? 'quase pronto' : s<60 ? 'faltam cerca de '+Math.ceil(s/5)*5+' s' : 'faltam cerca de '+duracao(s); return s<10 ? 'faltam '+Math.max(1,Math.ceil(s))+' s' : s<60 ? 'faltam cerca de '+Math.ceil(s/5)*5+' s' : 'faltam cerca de '+duracao(s);
} }
const larguraFilme=()=>MODOS[modo].larg; const larguraFilme=()=>MODOS[modo].larg;
// cobrança proporcional: arredonda para cima em 10 cm · 2,75 m vira 2,80 m // cobrança proporcional: arredonda para cima em 10 cm · 2,75 m vira 2,80 m

View File

@@ -487,3 +487,8 @@ html:is([data-rota="pagamento"],[data-rota="pix"]) .pagGrid{display:grid;grid-te
.art2 .atalhos .tm.on{border-color:var(--verde);background:var(--verde-fundo);color:var(--verde)} .art2 .atalhos .tm.on{border-color:var(--verde);background:var(--verde-fundo);color:var(--verde)}
.art2 .dica{margin-top:4px} .art2 .dica{margin-top:4px}
.rep .l1 .novaT{margin-right:auto} .rep .l1 .novaT{margin-right:auto}
/* On a computer the Site is drawn at 80%: the sizes above were chosen looking
at it that way, and at 100% everything felt too big. Phones and tablets
keep their own sizes. */
@media (min-width:1100px){html{zoom:.8}}