ADD new frontend 2
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user