- Mobile bottom nav: icons, 56px targets, safe-area padding, and a "More" menu so Genetics/Shows/Settings are reachable on phones - Sticky sidebar, max-width content column, min-w-0 so wide children (pedigree tree, tables) scroll in place instead of widening the page - PageHeader owns no gutter and stacks actions on small screens; pages share one flex/gap structure and a consistent loading header - 16px inputs on mobile to stop iOS focus zoom; disabled button styling - Remove placeholder "0 litters / 0 kits" on rabbit cards, duplicate name on Rabbit Detail; proper Genetics placeholder and 404 pages Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .dockerignore | ||
| .gitignore | ||
| Dockerfile | ||
| README.md | ||
| eslint.config.js | ||
| index.html | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.js | ||
| vite.config.js | ||
README.md
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.