- Added keyframes and animation for a smooth scale-in effect in the Tailwind configuration. - Updated Image component to improve quality handling and style definitions. - Introduced WordViewer and WordViewerModal components for document viewing capabilities. - Enhanced Modal component to support embedded mode with customizable position and dimensions. - Integrated IframeModal across various pages for user assistance and content display. - Updated Content and Menu pages to utilize new components and improve user interaction. - Added utility function to retrieve public paths for resources.
26 lines
546 B
TypeScript
26 lines
546 B
TypeScript
import type { Config } from "tailwindcss";
|
|
|
|
export default {
|
|
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
"scale-in": {
|
|
"0%": {
|
|
opacity: "0",
|
|
transform: "scale(0.9) translateY(10px)",
|
|
},
|
|
"100%": {
|
|
opacity: "1",
|
|
transform: "scale(1) translateY(0)",
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
"scale-in": "scale-in 0.2s ease-out",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
} satisfies Config;
|