mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
P41T
8e8dd0c8c2
What? This PR updates the dependency "prettier" from version 3.2.5 to version 3.6.2. It also modifies other scripts by using the pnpm run prettier-fix after updating the dependency. Why? This is updated to benefit from the changes and fixes introduced in the newer versions of prettier, from versions 3.3 to 3.6. How? The package has been updated using pnpm install prettier@latest, and the files other than package.json and pnpm-lock.json have been modified using the script pnpm run prettier-fix. This PR does only have formatting changes introduced by the updated dependency This PR is the same as #82719 , with fixes implemented to prevent prettier to modifiy symlink files
53 lines
1004 B
TypeScript
53 lines
1004 B
TypeScript
import React, { ReactNode } from "react";
|
|
import Header from "./Header";
|
|
|
|
type Props = {
|
|
children: ReactNode;
|
|
};
|
|
|
|
const Layout: React.FC<Props> = (props) => (
|
|
<div style={{ paddingBottom: "30px" }}>
|
|
<Header />
|
|
<div className="layout">{props.children}</div>
|
|
<style jsx global>{`
|
|
html {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 16px;
|
|
font-family:
|
|
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
|
|
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
|
|
"Segoe UI Symbol";
|
|
background: rgba(0, 0, 0, 0);
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
button {
|
|
font-size: 16px;
|
|
}
|
|
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
`}</style>
|
|
<style jsx>{`
|
|
.layout {
|
|
padding: 0 2rem;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
);
|
|
|
|
export default Layout;
|