forked from molecule-ai/molecule-core
ec54942628
Three small UIUX fixes for the bundle drag-import surface. 1. Drag overlay was hardcoded blue-950/blue-400 — those tones don't exist in the warm-paper light theme, so the overlay washed out inconsistently. Switched to bg-accent/15 + border-accent/40 so the overlay flips with theme and matches the inner card's border-accent/50. 2. Importing spinner was visually obvious but invisible to screen readers — only the result toast had aria-live. Operators relying on AT had no way to know the import was in flight. Added role="status" + aria-live="polite" + aria-hidden on the spinner itself so the SR hears "Importing bundle..." once. 3. animate-spin → motion-safe:animate-spin so the spinner respects prefers-reduced-motion (Tailwind's built-in variant gates the animation on the user's OS setting). Layout doesn't change in either case — text alone communicates state. Also dropped border-sky-400 → border-accent on the spinner so it matches the rest of the canvas semantics. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| e2e | ||
| public | ||
| src | ||
| .env.example | ||
| .gitignore | ||
| components.json | ||
| Dockerfile | ||
| next.config.ts | ||
| package-lock.json | ||
| package.json | ||
| playwright.config.ts | ||
| playwright.staging.config.ts | ||
| postcss.config.js | ||
| tsconfig.json | ||
| vitest.config.ts | ||