mirror of
https://github.com/ThisTine/Snip.git
synced 2026-10-18 02:51:38 +07:00
sittichok OuamsiriandClaude Opus 5.5
2e1133e39c
- 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]>
20 lines
545 B
TypeScript
20 lines
545 B
TypeScript
import { Link } from "react-router-dom";
|
|
import { Scissors } from "./icons";
|
|
|
|
export function Logo({ onClick }: { onClick?: () => void }) {
|
|
return (
|
|
<Link
|
|
to="/"
|
|
onClick={onClick}
|
|
className="focusable inline-flex items-center gap-2 rounded-lg"
|
|
>
|
|
<span className="grid h-7 w-7 place-items-center rounded-lg bg-[var(--ink)] text-[var(--bg)]">
|
|
<Scissors size={15} />
|
|
</span>
|
|
<span className="text-[16px] font-semibold tracking-[-0.02em] text-ink">
|
|
snip
|
|
</span>
|
|
</Link>
|
|
);
|
|
}
|