ADD new frontend 2

This commit is contained in:
Urtzi Alfaro
2025-08-28 17:15:29 +02:00
parent 0fd273cfce
commit 9ea6794923
195 changed files with 178 additions and 56461 deletions

View File

@@ -83,12 +83,12 @@ const DashboardCard = forwardRef<HTMLDivElement, DashboardCardProps>(({
};
const variantStyles = {
metric: 'bg-gradient-to-br from-white to-blue-50 border-[var(--color-info)]/20 hover:border-blue-300',
chart: 'bg-white border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
list: 'bg-white border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
activity: 'bg-gradient-to-br from-white to-green-50 border-green-200 hover:border-green-300',
status: 'bg-gradient-to-br from-white to-purple-50 border-purple-200 hover:border-purple-300',
action: 'bg-gradient-to-br from-white to-amber-50 border-amber-200 hover:border-amber-300 hover:shadow-lg'
metric: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
chart: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
list: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
activity: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
status: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)]',
action: 'bg-[var(--bg-primary)] border-[var(--border-primary)] hover:border-[var(--border-secondary)] hover:shadow-lg'
};
const cardClasses = clsx(
@@ -97,7 +97,7 @@ const DashboardCard = forwardRef<HTMLDivElement, DashboardCardProps>(({
{
'cursor-pointer transform hover:-translate-y-1': interactive || onClick,
'opacity-50': isLoading,
'border-red-300 bg-red-50': hasError,
'border-[var(--color-error)]/30 bg-[var(--color-error)]/5': hasError,
},
className
);
@@ -142,7 +142,7 @@ const DashboardCard = forwardRef<HTMLDivElement, DashboardCardProps>(({
const renderErrorContent = () => (
<div className="text-center py-8">
<div className="text-red-500 mb-4">
<div className="text-[var(--color-error)] mb-4">
<svg
className="w-12 h-12 mx-auto"
fill="none"