Disable nav card scale-in for icon mode

Author: duanxiaosheng

src/components/card.tsx

@@ -14,9 +14,10 @@ interface Props {
 	x: number
 	y: number
 	children: React.ReactNode
+	enterScale?: number
 }
 
-export default function Card({ children, order, width, height, x, y, className }: Props) {
+export default function Card({ children, order, width, height, x, y, className, enterScale = 0.6 }: Props) {
 	const { maxSM, init } = useSize()
 	let [show, setShow] = useState(false)
 	if (maxSM && init) order = 0
@@ -36,7 +37,7 @@ export default function Card({ children, order, width, height, x, y, className }
 		return (
 			<motion.div
 				className={cn('card squircle', className)}
-				initial={{ opacity: 0, scale: 0.6, left: x, top: y, width, height }}
+				initial={{ opacity: 0, scale: enterScale, left: x, top: y, width, height }}
 				animate={{ opacity: 1, scale: 1, left: x, top: y, width, height }}
 				whileHover={{ scale: 1.05 }}
 				whileTap={{ scale: 0.95 }}>

src/components/nav-card.tsx

@@ -198,6 +198,7 @@ export default function NavCard() {
 					height={size.height}
 					x={position.x}
 					y={position.y}
+					enterScale={form === 'icons' ? 1 : 0.6}
 					className={clsx(form === 'mini' && 'overflow-hidden p-3', form === 'icons' && 'overflow-visible flex items-center gap-2 px-4 py-2 sm:gap-4', form === 'full' && 'p-6')}>
 					{form === 'full' && siteContent.enableChristmas && (
 						<>