redesign

2026-01-05 15:07:10 +07:00
parent 9f41386b65
commit c438ae3fb9
11 changed files with 127 additions and 115 deletions
@@ -8,38 +8,33 @@ import { StackedBarChart } from '@/app/components/StackedBarChart';
 const data = [
 	{
 		name: 'File A',
-		checks: 4000,
-		violations: 2000
+		checks: 4,
+		violations: 2
 	},
 	{
 		name: 'File B',
-		checks: 3000,
-		violations: 1400
+		checks: 8,
+		violations: 4
 	},
 	{
 		name: 'File C',
-		checks: 2000,
-		violations: 1000
+		checks: 2,
+		violations: 1
 	},
 	{
 		name: 'File D',
-		checks: 2780,
-		violations: 1000
+		checks: 7,
+		violations: 1
 	},
 	{
 		name: 'File E',
-		checks: 5090,
-		violations: 4800
+		checks: 5,
+		violations: 4
 	},
 	{
 		name: 'File F',
-		checks: 5390,
-		violations: 3800
-	},
-	{
-		name: 'File H',
-		checks: 4000,
-		violations: 1500
+		checks: 5,
+		violations: 3
 	}
 ];

@@ -50,9 +45,9 @@ export default async function Page() {
 	return (
 		<div>
 			<PageTitle title="video-protection" />
-			<div className="flex justify-between flex-wrap gap-8">
+			<div className="split-blocks">
 				<ProtectionSummary />
-				<div className="protection-overview grow">
+				<div className="protection-overview">
 					<StackedBarChart data={data} />
 				</div>
 			</div>