+1 -1

src/App.jsx

Reviewed

··· 22 22 23 23 return ( 24 24 <Router> 25 25 - <div className="app-container" style={{ display: 'flex', flexDirection: 'column', minHeight: '85vh' }}> 25 25 + <div className="app-container" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}> 26 26 <Navbar /> 27 27 <div style={{ flex: 1 }}> 28 28 <Routes>

+3 -4

src/components/TestMatter.js

Reviewed

··· 21 21 options: { 22 22 width, 23 23 height, 24 24 - background: "#f0f0f0", 24 24 + background: "#rgb(222, 222, 222) 0% 0% / contain", 25 25 showIds: true, 26 26 wireframes: false, 27 27 pixelRatio: 1, ··· 34 34 Matter.Runner.run(runner, engine); 35 35 36 36 // Walls settings 37 37 - const wallThickness = 25; 37 37 + const wallThickness = 10; 38 38 const wallRenderOptions = { 39 39 - fillStyle: "#2c3e50", // Custom fill 39 39 + fillStyle: "#004f84", // Custom fill 40 40 }; 41 41 42 42 // Create walls with custom styling. ··· 131 131 display: "flex", 132 132 flexDirection: "column", 133 133 alignItems: "center", 134 134 - minHeight: "85vh", 135 134 }} 136 135 > 137 136 <div

+1 -1

src/components/TestMatterPage.js

Reviewed

··· 9 9 flexDirection: "column", 10 10 alignItems: "center", 11 11 justifyContent: "center", 12 12 - minHeight: "100vh", 12 12 + minHeight: "85vh", 13 13 background: "#fafafa", 14 14 }}> 15 15 <TestMatter />