fix: enforce semantic contrast across admin
Local Build and Deploy / deploy (push) Successful in 44s
Local Build and Deploy / deploy (push) Successful in 44s
This commit is contained in:
1 parent
45c8178cfa
commit
f0b4bc1630
86 files changed
+438
-338
No files matched your search
@@ -57,17 +57,17 @@ interface StaffMember {
|
||||
}
|
||||
|
||||
const STATUS_COLORS: Record<string, string> = {
|
||||
open: 'bg-blue-500/10 text-blue-500',
|
||||
in_progress: 'bg-yellow-500/10 text-yellow-500',
|
||||
waiting: 'bg-orange-500/10 text-orange-500',
|
||||
open: 'bg-[var(--color-info-subtle)] text-[var(--color-info-text-readable)]',
|
||||
in_progress: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]',
|
||||
waiting: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]',
|
||||
closed: 'bg-muted text-muted-foreground',
|
||||
}
|
||||
|
||||
const PRIORITY_COLORS: Record<string, string> = {
|
||||
low: 'text-muted-foreground',
|
||||
normal: 'text-blue-500',
|
||||
high: 'text-orange-500',
|
||||
urgent: 'text-red-500',
|
||||
normal: 'text-[var(--color-info-text-readable)]',
|
||||
high: 'text-[var(--color-warning-text-readable)]',
|
||||
urgent: 'text-[var(--color-error-text-readable)]',
|
||||
}
|
||||
|
||||
export function AdminTicketDetail({
|
||||
|
||||
@@ -7,17 +7,17 @@ import { canAccess, getAdminContext, PERMS } from '@/lib/permissions'
|
||||
import { prisma } from '@/lib/prisma'
|
||||
|
||||
const STATUS_CONFIG = {
|
||||
open: { label: 'Open', icon: AlertCircle, class: 'bg-blue-500/10 text-blue-500' },
|
||||
in_progress: { label: 'In Progress', icon: Loader2, class: 'bg-yellow-500/10 text-yellow-500' },
|
||||
waiting: { label: 'Waiting', icon: Clock, class: 'bg-orange-500/10 text-orange-500' },
|
||||
open: { label: 'Open', icon: AlertCircle, class: 'bg-[var(--color-info-subtle)] text-[var(--color-info-text-readable)]' },
|
||||
in_progress: { label: 'In Progress', icon: Loader2, class: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]' },
|
||||
waiting: { label: 'Waiting', icon: Clock, class: 'bg-[var(--color-warning-subtle)] text-[var(--color-warning-text-readable)]' },
|
||||
closed: { label: 'Closed', icon: CheckCircle2, class: 'bg-muted text-muted-foreground' },
|
||||
} as const
|
||||
|
||||
const PRIORITY_COLORS = {
|
||||
low: '',
|
||||
normal: 'text-blue-500',
|
||||
high: 'text-orange-500',
|
||||
urgent: 'text-red-500 font-bold',
|
||||
normal: 'text-[var(--color-info-text-readable)]',
|
||||
high: 'text-[var(--color-warning-text-readable)]',
|
||||
urgent: 'text-[var(--color-error-text-readable)] font-bold',
|
||||
}
|
||||
|
||||
interface PageProps {
|
||||
@@ -77,7 +77,7 @@ export default async function AdminTicketsPage({ searchParams }: PageProps) {
|
||||
<div className="grid gap-4 grid-cols-2 lg:grid-cols-4">
|
||||
<Card>
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle className="text-sm font-medium text-blue-500">Open</CardTitle>
|
||||
<CardTitle className="text-sm font-medium text-[var(--color-info-text-readable)]">Open</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{openCount}</div>
|
||||
@@ -85,7 +85,7 @@ export default async function AdminTicketsPage({ searchParams }: PageProps) {
|
||||
</Card>
|
||||
<Card>
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle className="text-sm font-medium text-yellow-500">In Progress</CardTitle>
|
||||
<CardTitle className="text-sm font-medium text-[var(--color-warning-text-readable)]">In Progress</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{inProgressCount}</div>
|
||||
@@ -93,7 +93,7 @@ export default async function AdminTicketsPage({ searchParams }: PageProps) {
|
||||
</Card>
|
||||
<Card>
|
||||
<CardHeader className="pb-2">
|
||||
<CardTitle className="text-sm font-medium text-orange-500">Waiting</CardTitle>
|
||||
<CardTitle className="text-sm font-medium text-[var(--color-warning-text-readable)]">Waiting</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="text-2xl font-bold">{waitingCount}</div>
|
||||
|
||||
Reference in new issue
Block a user