mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Steven
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
31 lines
622 B
JavaScript
31 lines
622 B
JavaScript
import React from "react";
|
|
|
|
const Loader = () => (
|
|
<div className="loader">
|
|
<style jsx>{`
|
|
.loader {
|
|
border: 8px solid #f3f3f3; /* Light grey */
|
|
border-top: 8px solid #3498db; /* Blue */
|
|
border-radius: 50%;
|
|
width: 40px;
|
|
height: 40px;
|
|
animation: spin 2s linear infinite;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 40px;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
`}</style>
|
|
</div>
|
|
);
|
|
|
|
export default Loader;
|