refactor: reduce text flip animation duration and adjust padding
This commit is contained in:
		@@ -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
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user