- Button labels are capitalised and font-medium, the segmented groups carry a border and a shadow of their own. An inactive segment used to be white text-on-white inside a group border, which is why none of them read as something you could press. - Each section says what it is: the operation strip, LEDGER (or RECODE TO / CLONE TO, which is what the form under those two operations is), SETTINGS over the toggles, LABEL THIS CHANGE. - Together/Each moves down beside Price/Volume and Forecast/Total, in a wrapping row. Three one-line settings stacked cost three rows of a dock that is 260px tall to begin with, and they are read together anyway: what absorbs the change, what it is measured against, and whether it applies once or per slice. Co-Authored-By: Claude Opus 5 <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.