jonastirona/ao5

UI: Polish layout for small mobile screens

Ouverte

#5 ouverte le 2 déc. 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (0 fork)auto 404
good first issueui

Métriques du dépôt

Stars
 (2 étoiles)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

Description: On smaller devices (e.g., iPhone SE, older Androids), some UI elements feel cramped or misaligned.

File: apps/web/src/components

Task:

  • Check the Settings modal on mobile; ensure it scrolls correctly and doesn’t get cut off.
  • Adjust padding for the main timer display on screens narrower than 375px.
  • Ensure the "Session List" is easily tappable on mobile.

Guide contributeur

Direction de recherche
Inspectez les composants dans apps/web/src/components, identifiez les problèmes CSS sur les petits écrans et appliquez des ajustements responsifs à l'aide de media queries ou d'améliorations flexbox/grid.
Stack technique
typescriptreact
Domaine
frontend
Type d'issue
Bug
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.
1-3 heures
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
CSSResponsive Design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75