ourworld_web/www_projectmycelium_com
23
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 4 Pull Requests Releases Activity

refactor: reduce text flip animation duration and adjust padding

Browse Source
This commit is contained in:
sasha-astiadi
2025-10-23 04:27:55 +02:00
parent f2cb22ef66
commit 8f8d45c7ff
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ui/layout-text-flip.tsx
View File

@@ -6,7 +6,7 @@ import { cn } from "@/lib/utils";
export const LayoutTextFlip = ({ export const LayoutTextFlip = ({
text = "Build Amazing", text = "Build Amazing",
words = ["Landing Pages", "Component Blocks", "Page Sections", "3D Shaders"], words = ["Landing Pages", "Component Blocks", "Page Sections", "3D Shaders"],
duration = 3000, duration = 1500,
}: { }: {
text: string; text: string;
words: string[]; words: string[];
@@ -33,7 +33,7 @@ export const LayoutTextFlip = ({
<motion.span <motion.span
layout layout
className="relative w-fit overflow-hidden px-8 py-2 font-neuton font-medium italic tracking-tight" className="relative w-fit overflow-hidden px-2 py-2 font-neuton font-medium italic tracking-tight"
> >
<AnimatePresence mode="popLayout"> <AnimatePresence mode="popLayout">
<motion.span <motion.span