time-marrom / pipoca-agil-client

https://pipoca-agil.netlify.app/
0 stars 0 forks source link

[QA] Header versão tablet e fundo branco do componente simulação #151

Closed annagrl closed 8 months ago

annagrl commented 8 months ago

Boa noite!

  1. Na versão tablet o header mantem os dois botões:

Site: image

Figma:

image

  1. Fundo branco da imagem está maior no figma.

Obrigada

emersonjesuz commented 8 months ago

@pauloruan

Gabrielle177 commented 8 months ago

@annagrl @LuyKarol14 @pauloruan feito

annagrl commented 8 months ago

@Gabrielle177 Na versão de ipad pro o site ta indo pro header de desktop. e o fundo da imagem tem como

Ipad pro image Ipad air image Mini image

pauloruan commented 8 months ago

Olá, @annagrl e @LuyKarol14. Este problema ocorre por que o iPad Pro (🙄) não usa resolução de tablet. Como pode ver nessa imagem abaixo, a recomendação da W3C, organização mundial que estabelece padrões para a criação de conteúdos para a internet, é que tablets usem resoluções com largura acima de 768px e largura máxima de 1023px.

image

O modelo em questão quando usado na vertical tem uma resolução de 1024px, que é o mínimo para ser considerado desktop.

Por esse motivo, não tem como ser feito uma alteração ou correção, pois nosso desenvolvimento segue os padrões estabelecidos pela W3C. Segue uma imagem da documentação da biblioteca que usamos para aplicar os estilos aos componentes do projeto:

image

No mais, segue o desenvolvimento.

ok