194adf1339
The desktop/mobile consistency review found primary mobile controls rendering below the ~44px comfortable touch floor. Address the genuinely shared primitives in one pass: - Add a --tap-min: 44px token (documented anchor for the floor). - tokens.css: text inputs, selects, and submit buttons grow to --tap-min under the 640px breakpoint (fixes the 36px auth/login form controls). Scoped to form controls + type=submit so dense icon buttons aren't inflated. - SegmentedControl: .seg options reach the floor on mobile (it doubles as the catalog sort toggle and the Library tab switcher). - Chip: expand .chip-remove's tappable area to --tap-min via a centered pseudo-element so the 16px glyph stays compact and tag rows don't grow. Pure-CSS responsive change — jsdom can't evaluate @media or layout, so the test pins the stylesheet contract (each shared primitive bumps to --tap-min inside the mobile breakpoint), guarding against the bump being dropped. The per-route .icon-btn (copy-pasted across seven files) is left for a separate refactor. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
33 lines
862 B
JSON
33 lines
862 B
JSON
{
|
|
"name": "mangalord-frontend",
|
|
"version": "0.88.1",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite dev",
|
|
"build": "vite build",
|
|
"preview": "vite preview",
|
|
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
"test": "vitest run",
|
|
"test:watch": "vitest",
|
|
"test:e2e": "playwright test"
|
|
},
|
|
"devDependencies": {
|
|
"@lucide/svelte": "^1.16.0",
|
|
"@playwright/test": "^1.48.0",
|
|
"@sveltejs/adapter-node": "^5.2.0",
|
|
"@sveltejs/kit": "^2.7.0",
|
|
"@sveltejs/vite-plugin-svelte": "^4.0.0",
|
|
"@testing-library/jest-dom": "^6.6.0",
|
|
"@testing-library/svelte": "^5.2.0",
|
|
"@types/node": "^22.7.0",
|
|
"jsdom": "^25.0.0",
|
|
"svelte": "^5.0.0",
|
|
"svelte-check": "^4.0.0",
|
|
"tslib": "^2.7.0",
|
|
"typescript": "^5.6.0",
|
|
"vite": "^5.4.0",
|
|
"vitest": "^2.1.0"
|
|
}
|
|
}
|