One box per measure is live; the other two are the same number said differently. Both states were full input boxes differing by a border colour, so three typed figures appeared where there was one typed figure and two calculations -- and with six boxes on screen there was no reading which one the adjustment would be built from. The live box keeps its blue border and ground and gains weight; the derived two lose their border and background and go muted. They are still editable, which is what the border on hover says, and the title spells out that clicking enters the number that way instead. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| vendor | ||
| .gitignore | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| vite.config.js | ||
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Oxc
- @vitejs/plugin-react-swc uses SWC
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.