🔧 fix(AccordionComponent): add className "AccordionContent" to AccordionContent component for styling purposes

🔧 fix(formModal): add className "AccordionContent" to AccordionContent component for styling purposes
🔧 fix(index.css): add styles for AccordionContent component to handle animation for opening and closing
🔧 fix(tailwind.config.js): remove unused keyframes and animations related to accordion
This commit is contained in:
Cristhian Zanforlin Lousa 2023-07-17 10:48:45 -03:00
commit 1ff4ef514f
5 changed files with 33 additions and 32 deletions

View file

@ -28,20 +28,7 @@ module.exports = {
},
},
extend: {
keyframes: {
"accordion-down": {
from: { height: 0 },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
},
colors: {
connection: "var(--connection)",
"almost-dark-gray": "var(--almost-dark-gray)",
@ -129,20 +116,7 @@ module.exports = {
fontFamily: {
sans: ["var(--font-sans)", ...fontFamily.sans],
},
keyframes: {
slideDown: {
from: { height: 0 },
to: { height: "100vh" },
},
slideUp: {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: 0 },
},
},
animation: {
"accordion-down": "slideDown 300ms ease-out",
"accordion-up": "slideUp 300ms ease-in",
},
},
},