mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
SamPhillemon
e3688fbd94
This PR updates the with-three-js example to use the App Router. Here are the changes that have been made: - Renamed the pages folder to the app folder. - Updated the routing for `/`, `/birds` & `/boxes` files to align with the App Router. - Added the `layout.tsx` & `tsconfig.json` file as part of the App Router. - Updated the package.json file. The following actions were performed as part of this PR: - Ran `pnpm prettier-check `with no issues found. - Executed the `pnpm check-examples` script. CC: @samcx --------- Co-authored-by: samcx <sam@vercel.com>
44 lines
564 B
CSS
44 lines
564 B
CSS
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: lavender;
|
|
}
|
|
|
|
canvas {
|
|
width: 100%;
|
|
height: 100vh;
|
|
}
|
|
|
|
h1 {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
color: hotpink;
|
|
}
|
|
|
|
.main {
|
|
background: hotpink;
|
|
padding: 50px;
|
|
border-radius: 4px;
|
|
display: flex;
|
|
margin: 200px;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: white;
|
|
}
|
|
|
|
a {
|
|
color: white;
|
|
display: block;
|
|
text-decoration: unset;
|
|
font-size: 20px;
|
|
margin: 5px 0;
|
|
}
|
|
|
|
a:hover {
|
|
color: #3f51b5;
|
|
}
|