MyKindlebox/mykindlebox/client
fireshaper 3542739786 Design pass: contrast, shared form controls, dialogs, mobile layouts
A - accessibility
- on-accent-warm text token (For Sale badge, flags) and darker Sunset/Ocean
  colors to meet WCAG AA contrast
- 44px touch targets for Herd and Shows filters on phones
- status badge on non-active Herd grid cards; drop redundant View Herd

B - consistency
- FormControls (Field, FieldGroup, Input, Select, Textarea, FileInput,
  Segmented) used by every form, with labels wired to their inputs
- ConfirmDialog + useConfirm replace window.confirm and hand-built modals
- ErrorPanel with Try Again for failed lists; LoadError built on it

C - layout
- ActionMenu: rabbit header is Edit, Status, More
- Herd folds Status/Sort/view behind a Filters button on phones
- Dashboard status counts as a compact second row
- Shows list as stacked cards below xl
- SVG timeline icons instead of emoji

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-31 22:45:34 -04:00
..
public AI pedigree scanning, reusable ancestors, rabbit merge and delete 2026-10-28 14:29:06 -04:00
src Design pass: contrast, shared form controls, dialogs, mobile layouts 2026-10-31 22:45:34 -04:00
.dockerignore Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00
.gitignore Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00
Dockerfile Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00
README.md Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00
eslint.config.js Pedigree OCR and Docker 2026-07-02 14:38:16 -04:00
index.html Polish layout for mobile and desktop 2026-10-28 09:42:14 -04:00
nginx.conf AI pedigree scanning, reusable ancestors, rabbit merge and delete 2026-10-28 14:29:06 -04:00
package-lock.json AI pedigree scanning, reusable ancestors, rabbit merge and delete 2026-10-28 14:29:06 -04:00
package.json AI pedigree scanning, reusable ancestors, rabbit merge and delete 2026-10-28 14:29:06 -04:00
postcss.config.js Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00
tailwind.config.js Design pass: contrast, shared form controls, dialogs, mobile layouts 2026-10-31 22:45:34 -04:00
vite.config.js Initial commit: MyKindlebox rabbitry management app 2026-06-21 23:29:56 -04:00

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:

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.