andretimm/openmatch

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

Aberta

#2 aberto em 25 de jun. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)TypeScript (2 forks)auto 404
UI/UXenhancementgood first issue

Métricas do repositório

Stars
 (30 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

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

Guia do colaborador

Direção de pesquisa
Inspecione o layout móvel atual nas ferramentas de desenvolvedor do navegador. Identifique os breakpoints CSS e os componentes que causam overflow e ajuste o layout usando técnicas de design responsivo como flexbox, grid e media queries.
Pilha de tecnologia
typescript
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
HTMLCSSResponsive Design
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75