mirror of
https://github.com/ThisTine/Snip.git
synced 2026-10-18 11:01:38 +07:00
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:
1 parent
e2327207e5
commit
2e1133e39c
25 files changed
+753
-814
No files matched your search
@@ -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>,
|
||||
);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user