jonastirona/ao5

UI: Polish layout for small mobile screens

Aperta

#5 aperta il 2 dic 2025

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)TypeScript (0 fork)auto 404
good first issueui

Metriche repository

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

Descrizione

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.

Guida contributor

Direzione di ricerca
Ispeziona i componenti in apps/web/src/components, identifica i problemi CSS su schermi piccoli e applica aggiustamenti responsive utilizzando media query o miglioramenti di flexbox/grid.
Tech stack
typescriptreact
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
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
CSSResponsive Design
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75