Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: responsividade da agenda #217

Merged
merged 2 commits into from
Sep 25, 2024
Merged

feat: responsividade da agenda #217

merged 2 commits into from
Sep 25, 2024

Conversation

SoraAsc
Copy link
Contributor

@SoraAsc SoraAsc commented Sep 15, 2024

Descrição

  • Responsividade na rota "/agenda".
  • Defini um width na tabela (de acordo com o tamanho horizontal da tela vw), a fim de evitar a quebra da imagem no banner e do "junte-se a nós".
  • Coloquei um padding horizontal nos textos do junte-se a nós e no aviso acima da tabela, para não ficarem colados na borda da tela.

Pontos para atenção

  • Não precisei criar breakpoints, pois a tabela já está se ajustando bem com o tamanho da tela.
  • A tabela está com scroll horizontal em telas com dimensões menores (tentei diminuir a tabela, mas vi que sairia um pouco do padrão das outras e o conteúdo da mesma ficaria pequeno para visualização).

Possui novas configurações?

  • Pequenas adições de css

Resultados

(320-620)px - Primeira parte da tabela
320P1

(620-750)px
750

(425)px - Junte-se a nós
425

@zoedsoupe zoedsoupe enabled auto-merge (squash) September 25, 2024 17:40
@zoedsoupe zoedsoupe merged commit 9d42b8c into main Sep 25, 2024
4 checks passed
@zoedsoupe zoedsoupe deleted the feat/responsive-agenda branch September 25, 2024 17:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants