mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
55 lines
1.1 KiB
TypeScript
55 lines
1.1 KiB
TypeScript
import styled from "styled-components";
|
|
|
|
const Container = styled.div`
|
|
padding: 0 0.5rem;
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100vh;
|
|
min-height: 100vh;
|
|
`;
|
|
const Main = styled.main`
|
|
padding: 5rem 0;
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
`;
|
|
|
|
const Title = styled.h1`
|
|
margin: 0;
|
|
line-height: 1.15;
|
|
font-size: 4rem;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
|
|
a {
|
|
color: ${({ theme }) => theme.colors.secondary};
|
|
text-decoration: none;
|
|
&:hover,
|
|
:focus,
|
|
:active {
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
`;
|
|
|
|
const Description = styled.p`
|
|
text-align: center;
|
|
line-height: 1.5;
|
|
font-size: 1.5rem;
|
|
`;
|
|
const CodeTag = styled.code`
|
|
background: #fafafa;
|
|
border-radius: 5px;
|
|
margin: 0 0.75rem;
|
|
padding: 0.75rem;
|
|
font-size: 1.1rem;
|
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
|
Bitstream Vera Sans Mono, Courier New, monospace;
|
|
`;
|
|
|
|
export { Container, Main, Title, Description, CodeTag };
|