andretimm/openmatch

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

Ouverte

#2 ouverte le 25 juin 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (2 forks)auto 404
UI/UXenhancementgood first issue

Métriques du dépôt

Stars
 (30 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Inspectez la disposition mobile actuelle dans les outils de développement du navigateur. Identifiez les points de rupture CSS et les composants qui débordent, puis ajustez la disposition à l'aide de techniques de conception réactive comme flexbox, grid et les requêtes média.
Stack technique
typescript
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
HTMLCSSResponsive Design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75