andretimm/openmatch

[FEATURE] Melhorar a experiência e o layout em dispositivos móveis

Aperta

#2 aperta il 25 giu 2025

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (2 fork)auto 404
UI/UXenhancementgood first issue

Metriche repository

Star
 (30 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Sua solicitação de recurso está relacionada a um problema? Por favor descreva.

O layout atual da plataforma em dispositivos móveis é funcional, mas a experiência do usuário pode ser aprimorada. Elementos como os cards de itens e o menu de navegação ficam apertados em telas menores, dificultando a leitura e a interação. Em alguns dispositivos acaba ficando uma baixa branca no final da pagina.

Descreva a solução que você gostaria

Proponho uma revisão do design responsivo com foco em "mobile-first". As principais melhorias seriam:

  • Rever o layout geral para não ficar com overflow
  • Tela com dicas de como contribuir, ajustar espaçamentos
  • Ajustar botão para "Entrar com Github" para se ajustar ao tamanho da tela

Contexto Adicional

Image Image Image

Guida contributor

Direzione di ricerca
Ispeziona il layout mobile attuale negli strumenti di sviluppo del browser. Identifica i breakpoint CSS e i componenti che causano overflow, quindi regola il layout utilizzando tecniche di design responsive come flexbox, grid e media query.
Tech stack
typescript
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
HTMLCSSResponsive Design
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75