fix cv animations
This commit is contained in:
@@ -4,6 +4,7 @@ import { format } from 'date-fns'
|
||||
import type { ArrayElement } from "type-fest"
|
||||
import AnimateTextIn from "~/app/_components/Animated/AnimateIn"
|
||||
import AnimatePopUp from "~/app/_components/Animated/AnimatePopUp"
|
||||
import { MDXRemote } from "next-mdx-remote/rsc";
|
||||
import type { CvCategoryData } from "./CvCategory"
|
||||
import { ClientMdx } from "~/components/ClientMdx"
|
||||
|
||||
@@ -18,7 +19,7 @@ export default function CvEntry({ entry, className, position = 0 }: {
|
||||
<Card className={className ? cn("w-fit", className) : "w-fit"}>
|
||||
{entry.title ?
|
||||
<CardHeader>
|
||||
<AnimateTextIn position={position} animation="slide">
|
||||
<AnimateTextIn position={position} animation="slide" debugId={`cv-entry-title:${entry.title}:${position}`}>
|
||||
<CardTitle> {entry.title} </CardTitle>
|
||||
</AnimateTextIn>
|
||||
</CardHeader> :
|
||||
@@ -26,7 +27,7 @@ export default function CvEntry({ entry, className, position = 0 }: {
|
||||
}
|
||||
{entry.description ?
|
||||
<CardContent className="text-sm lg:text-base">
|
||||
<AnimatePopUp position={position + 0.2}>
|
||||
<AnimatePopUp once position={position + 0.2} debugId={`cv-entry-description:${entry.title}:${position + 0.2}`}>
|
||||
<article className="prose prose-zinc dark:prose-invert max-w-none">
|
||||
<ClientMdx source={entry.description} fallback={entry.description} />
|
||||
</article>
|
||||
@@ -36,7 +37,7 @@ export default function CvEntry({ entry, className, position = 0 }: {
|
||||
}
|
||||
{!entry.hideDates ?
|
||||
<CardFooter className="text-sm">
|
||||
<AnimateTextIn position={position + 0.4}>
|
||||
<AnimateTextIn position={position + 0.4} debugId={`cv-entry-dates:${entry.title}:${position + 0.4}`}>
|
||||
{`von ${format(new Date(entry.fromTime), 'M. yyyy')} bis zum ${format(new Date(entry.toTime), 'M. yyyy')}`}
|
||||
</AnimateTextIn>
|
||||
</CardFooter> :
|
||||
|
||||
Reference in New Issue
Block a user