andretimm/openmatch

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

Offen

#2 geöffnet am 25.06.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (2 Forks)auto 404
UI/UXenhancementgood first issue

Repository-Metriken

Stars
 (30 Sterne)
PR-Merge-Metriken
 (PR-Metriken ausstehend)

Beschreibung

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

Contributor Guide

Research-Richtung
Überprüfen Sie das aktuelle mobile Layout in den Entwicklertools des Browsers. Identifizieren Sie die CSS Breakpoints und Komponenten, die einen Überlauf verursachen, und passen Sie das Layout mit responsiven Design Techniken wie Flexbox, Grid und Media Queries an.
Tech Stack
typescript
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
HTMLCSSResponsive Design
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75