mirror of
https://github.com/remvze/moodist.git
synced 2025-09-29 15:30:49 -04:00
style: remove layout animation
This commit is contained in:
parent
8c49453011
commit
efd6f9941d
@ -1,7 +1,6 @@
|
|||||||
import { motion } from 'framer-motion';
|
import { motion } from 'framer-motion';
|
||||||
|
|
||||||
import { Sounds } from '@/components/sounds';
|
import { Sounds } from '@/components/sounds';
|
||||||
import { fade } from '@/lib/motion';
|
|
||||||
|
|
||||||
import styles from './category.module.css';
|
import styles from './category.module.css';
|
||||||
|
|
||||||
@ -18,16 +17,8 @@ export function Category({
|
|||||||
sounds,
|
sounds,
|
||||||
title,
|
title,
|
||||||
}: CategoryProps) {
|
}: CategoryProps) {
|
||||||
const variants = fade();
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<motion.div
|
<motion.div className={styles.category}>
|
||||||
animate="show"
|
|
||||||
className={styles.category}
|
|
||||||
initial="hidden"
|
|
||||||
layout="position"
|
|
||||||
variants={variants}
|
|
||||||
>
|
|
||||||
<div className={styles.iconContainer}>
|
<div className={styles.iconContainer}>
|
||||||
<div className={styles.tail} />
|
<div className={styles.tail} />
|
||||||
<div className={styles.icon}>{icon}</div>
|
<div className={styles.icon}>{icon}</div>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user