jonastirona/ao5

UI: Polish layout for small mobile screens

Aberta

#5 aberto em 2 de dez. de 2025

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)TypeScript (0 fork)auto 404
good first issueui

Métricas do repositório

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

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.

Guia do colaborador

Direção de pesquisa
Inspecione os componentes em apps/web/src/components, identifique problemas de CSS em telas pequenas e aplique ajustes responsivos usando media queries ou melhorias de flexbox/grid.
Pilha de tecnologia
typescriptreact
Domain
frontend
Tipo Issue
Bug
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.
1-3 horas
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
CSSResponsive Design
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75