This commit is contained in:
2024-10-07 13:05:07 +05:00
parent ea3be4ba3a
commit cb86f6bcfc
2 changed files with 5 additions and 5 deletions
@@ -13,7 +13,7 @@ export function ForTeachingTab() {
const imgRef = useRef<HTMLDivElement>(null); const imgRef = useRef<HTMLDivElement>(null);
const imgInView = useInView(imgRef, { once: true, amount: 'all' }); const imgInView = useInView(imgRef, { once: true });
return ( return (
<div <div
@@ -22,11 +22,11 @@ function SimulatorsItem({ text, index }: { text: string; index: number }) {
export function SimulatorsTab() { export function SimulatorsTab() {
const titleRef = useRef<HTMLDivElement>(null); const titleRef = useRef<HTMLDivElement>(null);
const titleInView = useInView(titleRef, { once: true, amount: 'all' }); const titleInView = useInView(titleRef, { once: true });
const imgRef = useRef<HTMLDivElement>(null); const imgRef = useRef<HTMLDivElement>(null);
const imgInView = useInView(imgRef, { once: true, amount: 'all' }); const imgInView = useInView(imgRef, { once: true });
return ( return (
<div <div
@@ -68,7 +68,7 @@ export function SimulatorsTab() {
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={imgInView ? { opacity: 1 } : {}} animate={imgInView ? { opacity: 1 } : {}}
transition={{ duration: 1, delay: 1.5 }} transition={{ duration: 1, delay: 1 }}
className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]" className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]"
> >
<img <img
@@ -84,7 +84,7 @@ export function SimulatorsTab() {
<motion.div <motion.div
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={imgInView ? { opacity: 1 } : {}} animate={imgInView ? { opacity: 1 } : {}}
transition={{ duration: 1, delay: 2 }} transition={{ duration: 1, delay: 1.5 }}
className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]" className="space-y-[10px] lg:w-[calc(400/1600*100vw)] sm:w-[calc(331/768*100vw)]"
> >
<img <img