Skip to content

modulariza css e refina paleta do snake game#8

Merged
DevAlissu merged 3 commits intomainfrom
fix/snake-viewport-overflow
Apr 19, 2026
Merged

modulariza css e refina paleta do snake game#8
DevAlissu merged 3 commits intomainfrom
fix/snake-viewport-overflow

Conversation

@DevAlissu
Copy link
Copy Markdown
Owner

Summary

  • Corrige viewport overflow da HomePage
  • Modulariza css do snake em arquivo proprio com tokens e secoes
  • Unifica botoes em classes semanticas (primary/success/ghost)
  • Remove amarelo/laranja do CTA do snake usando roxo do sistema
  • Ajusta espaçamento entre painel e canvas

- troca h-full overflow-hidden por min-h-full no container
- reduz padding vertical em breakpoints menores
- permite scroll natural no main quando o jogo nao cabe
- extrai todas as classes snake-* de theme.css para src/features/snake-game/styles/snake-game.css
- tokeniza cores e transicoes em custom properties (--sg-*)
- organiza por secoes: buttons, tabs, arrows, combo, keyframes, reduced-motion
- importa o css inline no SnakeGame.tsx para code splitting via lazy
- deixa theme.css apenas com base styles globais do portfolio
- aplica snake-btn-primary success ghost nos botoes do overlay e pause menu
- aplica snake-tab active-green active-purple nos tabs de dificuldade e modo
- aplica snake-arrow-btn nos controles direcionais
- remove paleta laranja do CTA primary usando roxo do sistema
- HighScoreBadge em cyan para harmonizar com food
- food class type em pink
- countdown em roxo claro para contrastar com cobra verde
- pontos do score em cyan e pausado em roxo claro
- afasta painel lateral e adiciona padding nos tabs do topo
- unifica botoes via classes semanticas ao inves de classes utilitarias repetidas
@DevAlissu DevAlissu merged commit 50a971f into main Apr 19, 2026
2 checks passed
@DevAlissu DevAlissu deleted the fix/snake-viewport-overflow branch April 19, 2026 17:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant