Skip to content

Enhance responsive design and improve game UI#57

Merged
pethers merged 14 commits intomainfrom
layout
Jun 28, 2025
Merged

Enhance responsive design and improve game UI#57
pethers merged 14 commits intomainfrom
layout

Conversation

@pethers
Copy link
Copy Markdown
Member

@pethers pethers commented Jun 28, 2025

Integrate @pixi/layout for responsive design, update dependencies, and refactor the application layout. Improve game UI with new buttons, loading states, and error handling. Enhance testing setup and E2E tests for better accuracy and performance.

pethers added 12 commits June 28, 2025 11:26
…esign

- Added @pixi/layout and @pixi/ui dependencies to package.json.
- Updated existing dependencies to their latest versions.
- Refactored App.tsx to utilize LayoutContainer for responsive layout.
- Introduced LayoutResizer component to handle resizing of the game area.
- Adjusted player positioning to be percentage-based for better responsiveness.
- Updated score display and instructions to fit within the new layout structure.
- Modified pixi-react type definitions to include @pixi/layout/react.
@github-actions github-actions Bot added dependencies Dependency updates infrastructure CI/CD and build infrastructure graphics Graphics and rendering (PixiJS) pixi-components PixiJS component updates ui User interface improvements config Configuration changes testing Testing improvements types TypeScript type improvements test-coverage-impact Impacts test coverage e2e End-to-end testing component-app App component changes component-main Main component changes high-coverage High test coverage areas labels Jun 28, 2025
@pethers pethers merged commit cfe34b5 into main Jun 28, 2025
10 checks passed
@pethers pethers deleted the layout branch June 28, 2025 16:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

component-app App component changes component-main Main component changes config Configuration changes dependencies Dependency updates e2e End-to-end testing graphics Graphics and rendering (PixiJS) high-coverage High test coverage areas infrastructure CI/CD and build infrastructure pixi-components PixiJS component updates test-coverage-impact Impacts test coverage testing Testing improvements types TypeScript type improvements ui User interface improvements

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant