Skip to content

Commit 9e24824

Browse files
author
raineer
committed
changes ui styling
1 parent c83f5fd commit 9e24824

3 files changed

Lines changed: 33 additions & 16 deletions

File tree

‎apps/codebility/app/home/admin-dashboard/_components/AdminDashboardApplicantStatusPie.tsx‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import {
1414
ChartLegendContent,
1515
} from "@/components/ui/chart";
1616
import { Pie, PieChart } from "recharts";
17+
import { cn } from "@/lib/utils";
1718

1819
interface ApplicantStatusCounts extends Record<string, number> {}
1920

@@ -28,9 +29,12 @@ export default function AdminDashboardApplicantStatusPie({
2829

2930
if (!data)
3031
return (
31-
<Card className="flex h-full flex-col relative overflow-hidden">
32-
{/* Gradient background - only visible in dark mode */}
33-
<div className="absolute inset-0 bg-gradient-to-br from-customBlue-950/10 to-purple-950/10 dark:block hidden" />
32+
<Card className={cn(
33+
"flex h-full flex-col relative overflow-hidden",
34+
"bg-white dark:bg-gradient-to-br dark:from-blue-950 dark:via-slate-900 dark:to-slate-950",
35+
"border-gray-200 dark:border-blue-900/30"
36+
)}>
37+
<div className="absolute inset-0 bg-gradient-to-br to-transparent pointer-events-none opacity-0 dark:opacity-100 dark:from-blue-500/10" />
3438

3539
<CardHeader className="relative items-center pb-0">
3640
<CardTitle className="text-lg">{title}</CardTitle>
@@ -60,9 +64,12 @@ export default function AdminDashboardApplicantStatusPie({
6064
);
6165

6266
return (
63-
<Card className="flex h-full flex-col relative overflow-hidden">
64-
{/* Gradient background - only visible in dark mode */}
65-
<div className="absolute inset-0 bg-gradient-to-br from-customBlue-950/10 to-purple-950/10 dark:block hidden" />
67+
<Card className={cn(
68+
"flex h-full flex-col relative overflow-hidden",
69+
"bg-white dark:bg-gradient-to-br dark:from-blue-950 dark:via-slate-900 dark:to-slate-950",
70+
"border-gray-200 dark:border-blue-900/30"
71+
)}>
72+
<div className="absolute inset-0 bg-gradient-to-br to-transparent pointer-events-none opacity-0 dark:opacity-100 dark:from-blue-500/10" />
6673

6774
<CardHeader className="relative items-center pb-0">
6875
<CardTitle className="text-lg">{title}</CardTitle>

‎apps/codebility/app/home/admin-dashboard/_components/AdminDashboardMonthlyApplicantsLineChart.tsx‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@ import {
2121
ResponsiveContainer,
2222
XAxis,
2323
} from "recharts";
24+
import { cn } from "@/lib/utils";
2425

2526
interface AdminDashboardMonthlyApplicantsLineChartProp {
2627
dateApplied?: string[];
@@ -29,7 +30,6 @@ interface AdminDashboardMonthlyApplicantsLineChartProp {
2930
export default function AdminDashboardMonthlyApplicantsLineChart({
3031
dateApplied = [],
3132
}: AdminDashboardMonthlyApplicantsLineChartProp) {
32-
// Get current and previous 5 months
3333
const getLastSixMonths = () => {
3434
const now = new Date();
3535
const months: { month: string; year: number }[] = [];
@@ -74,9 +74,12 @@ export default function AdminDashboardMonthlyApplicantsLineChart({
7474
} satisfies ChartConfig;
7575

7676
return (
77-
<Card className="relative overflow-hidden">
78-
{/* Gradient background - only visible in dark mode */}
79-
<div className="absolute inset-0 bg-gradient-to-br from-customBlue-950/10 to-purple-950/10 dark:block hidden" />
77+
<Card className={cn(
78+
"relative overflow-hidden",
79+
"bg-white dark:bg-gradient-to-br dark:from-green-950 dark:via-slate-900 dark:to-slate-950",
80+
"border-gray-200 dark:border-green-900/30"
81+
)}>
82+
<div className="absolute inset-0 bg-gradient-to-br to-transparent pointer-events-none opacity-0 dark:opacity-100 dark:from-green-500/10" />
8083

8184
<CardHeader className="relative">
8285
<CardTitle className="text-lg">Monthly Applicants</CardTitle>

‎apps/codebility/app/home/admin-dashboard/_components/AdminDashboardProjectsPie.tsx‎

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,7 @@ import {
1414
ChartLegendContent,
1515
} from "@/components/ui/chart";
1616
import { Pie, PieChart } from "recharts";
17+
import { cn } from "@/lib/utils";
1718

1819
interface ProjectCategoryCounts extends Record<string, number> {}
1920

@@ -28,9 +29,12 @@ export default function AdminDashboardProjectsPie({
2829

2930
if (!data)
3031
return (
31-
<Card className="flex h-full flex-col relative overflow-hidden">
32-
{/* Gradient background - only visible in dark mode */}
33-
<div className="absolute inset-0 bg-gradient-to-br from-customBlue-950/10 to-purple-950/10 dark:block hidden" />
32+
<Card className={cn(
33+
"flex h-full flex-col relative overflow-hidden",
34+
"bg-white dark:bg-gradient-to-br dark:from-cyan-950 dark:via-slate-900 dark:to-slate-950",
35+
"border-gray-200 dark:border-cyan-900/30"
36+
)}>
37+
<div className="absolute inset-0 bg-gradient-to-br to-transparent pointer-events-none opacity-0 dark:opacity-100 dark:from-cyan-500/10" />
3438

3539
<CardHeader className="relative items-center pb-0">
3640
<CardTitle className="text-lg">{title}</CardTitle>
@@ -65,9 +69,12 @@ export default function AdminDashboardProjectsPie({
6569
}, {} as ChartConfig);
6670

6771
return (
68-
<Card className="flex h-full flex-col relative overflow-hidden">
69-
{/* Gradient background - only visible in dark mode */}
70-
<div className="absolute inset-0 bg-gradient-to-br from-customBlue-950/10 to-purple-950/10 dark:block hidden" />
72+
<Card className={cn(
73+
"flex h-full flex-col relative overflow-hidden",
74+
"bg-white dark:bg-gradient-to-br dark:from-cyan-950 dark:via-slate-900 dark:to-slate-950",
75+
"border-gray-200 dark:border-cyan-900/30"
76+
)}>
77+
<div className="absolute inset-0 bg-gradient-to-br to-transparent pointer-events-none opacity-0 dark:opacity-100 dark:from-cyan-500/10" />
7178

7279
<CardHeader className="relative items-center pb-0">
7380
<CardTitle className="text-lg">{title}</CardTitle>

0 commit comments

Comments
 (0)