styles-update

This commit is contained in:
Rogelio
2025-10-23 19:55:47 +00:00
parent 07bac39d31
commit 4a5d3d0621
19 changed files with 107 additions and 12 deletions

17
dist/Card/Card.js vendored
View File

@@ -1,11 +1,12 @@
import { jsx as _jsx } from "react/jsx-runtime";
export const Card = ({ children, className = '', padding = 'md' }) => {
const paddingClasses = {
none: '',
sm: 'p-3',
md: 'p-6',
lg: 'p-8'
};
return (_jsx("div", { className: `bg-white rounded-xl shadow-lg border border-gray-200 ${paddingClasses[padding]} ${className}`, children: children }));
export const Card = ({ children, className = '', hover = false }) => {
return (_jsx("div", { className: `
bg-white rounded-xl border border-gray-200 shadow-sm
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
${className}
`, children: children }));
};
export const CardHeader = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pb-4 ${className}`, children: children }));
export const CardContent = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-0 ${className}`, children: children }));
export const CardFooter = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children }));
export default Card;