feat: redesign UI and UX around design-engineering principles

- Ink-first palette, drop gradients/glow; tabular numbers
- Home: form stays put, results stack below and auto-copy; paste shortens instantly
- Hold-to-delete replaces the delete confirm modal
- Copy buttons morph to a check instead of toasting
- Motion: CSS press feedback, custom ease-out, origin-aware menu, faster exits,
  no animation on frequent/keyboard actions, reduced-motion respected
- Fix: scheme-less URLs ("example.com") were blocked by native validation

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
sittichok OuamsiriandClaude Opus 5.5 committed 2026-10-10 00:11:22 +07:00
1 parent e2327207e5
commit 2e1133e39c
25 files changed
+753 -814

No files matched your search

+4
View File
@@ -1,6 +1,7 @@
import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import { MotionConfig } from "framer-motion";
import App from "./App";
import { ThemeProvider } from "./context/ThemeContext";
import { AuthProvider } from "./context/AuthContext";
@@ -12,6 +13,8 @@ import "./index.css";
function render() {
createRoot(document.getElementById("root")!).render(
<StrictMode>
{/* Honour the OS "reduce motion" setting: framer drops transforms, keeps fades. */}
<MotionConfig reducedMotion="user">
<ThemeProvider>
<AuthProvider>
<ToastProvider>
@@ -21,6 +24,7 @@ function render() {
</ToastProvider>
</AuthProvider>
</ThemeProvider>
</MotionConfig>
</StrictMode>,
);
}