Mobile home structure/#533

devhatt / octopost

Octopost is an open source service from Devhat that was created to guide new developers for free

https://devhatt.github.io/octopost/

MIT License

65 stars 45 forks source link

Mobile home structure/#533 #566

Open JpBurgarelli opened 1 week ago

JpBurgarelli commented 1 week ago

Closes #533

Feature

A task consiste em ajustar a tela inicial do layout princiapal, como a disposicao dos componentes fica na versao mobile. Isso envolve ocultar os módulos que não são necessários na versão móvel e criar a estrutura básica da página para facilitar a adição dos demais componentes conforme necessário. Como se poder ver, nas esta igual, pois falta o desenvolvimento do layout.

Visual evidences :framed_picture:

Layout:

Minhas mudancas:

Checklist

- [X] Issue linked - [X] Build working correctly

JpBurgarelli commented 1 week ago

Ajustei as bordas de divisoes:

JpBurgarelli commented 1 week ago

Como esta versao desktop ( acima de 905px ):

JpBurgarelli commented 1 week ago

Obsevacao feita pela julia corrigida:

Desktop version

Mobile Version:

juliaam commented 1 week ago

Falta atualizar a branch também!

JpBurgarelli commented 6 days ago

ajustei o padding e tamanho do button

JpBurgarelli commented 3 hours ago

Ao adicionar o icone de "plus", alguns testes falharam, mas os corrigi e as regiões do ajuste que fiz mantiveram a consistência do teste, apos minhas refatoracoes no arquivo de test. Print para evidenciar que o que não foi testado não pertence à minha task.