From 5c252cdcb1b09703533e37a28edc8eecfd8a66cd Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Fri, 30 Jan 2026 13:14:39 +0700
Subject: [PATCH] add layout for violation page

---
 src/app/styles/pages-styles.scss          | 105 ++++++++++++++++++++++
 src/app/ui/dashboard/violations-table.tsx | 105 ----------------------
 2 files changed, 105 insertions(+), 105 deletions(-)

diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 982c74c..12380b9 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -3581,4 +3581,109 @@
 			opacity: 1;
 		}
 	}
+}
+
+.violations-table {
+	background: white;
+	border-radius: 20px;
+	overflow: hidden;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+	border: 1px solid #f1f5f9;
+
+	.violation-main {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		gap: 15px;
+	}
+
+	.violation-card {
+		padding: 20px 25px;
+		border-bottom: 1px solid #f1f5f9;
+		transition: all 0.3s ease;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		gap: 15px;
+
+		&:hover {
+			background: linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%);
+		}
+	}
+
+	.violation-icon-wrapper {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		border-radius: 12px;
+		width: 48px;
+		height: 48px;
+		border-radius: 12px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 20px;
+		flex-shrink: 0;
+
+		&.photo {
+			background: linear-gradient(135deg, #dbeafe, #bfdbfe);
+
+			img {
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+				border-radius: 12px;
+			}
+		}
+	}
+
+	.btn-primary {
+		padding: 10px 20px;
+	}
+
+	.violation-content-info {
+		flex: 1;
+	}
+
+	.violation-filename {
+		font-weight: 600;
+		color: #1e293b;
+		font-size: 15px;
+		margin-bottom: 5px;
+		display: block;
+	}
+
+	.violation-meta {
+		display: flex;
+		gap: 15px;
+		font-size: 13px;
+		color: #64748b;
+		flex-wrap: wrap;
+	}
+
+	.violation-meta-item {
+		display: flex;
+		align-items: center;
+		gap: 5px;
+	}
+
+	.violation-status-badge {
+		padding: 6px 12px;
+		border-radius: 20px;
+		font-size: 12px;
+		font-weight: 600;
+		background: linear-gradient(135deg, #fee2e2, #fecaca);
+		color: #dc2626;
+		white-space: nowrap;
+	}
+
+	.violation-sources-badge {
+		padding: 6px 12px;
+		border-radius: 20px;
+		font-size: 12px;
+		font-weight: 600;
+		background: linear-gradient(135deg, #fef3c7, #fde68a);
+		color: #d97706;
+		white-space: nowrap;
+	}
 }
\ No newline at end of file
diff --git a/src/app/ui/dashboard/violations-table.tsx b/src/app/ui/dashboard/violations-table.tsx
index dd301f3..bb55459 100644
--- a/src/app/ui/dashboard/violations-table.tsx
+++ b/src/app/ui/dashboard/violations-table.tsx
@@ -1,110 +1,5 @@
 /* deleted */
 
-/* .violations-table {
-	background: white;
-	border-radius: 20px;
-	overflow: hidden;
-	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-	border: 1px solid #f1f5f9;
-
-	.violation-main {
-		flex: 1;
-		display: flex;
-		align-items: center;
-		gap: 15px;
-	}
-
-	.violation-card {
-		padding: 20px 25px;
-		border-bottom: 1px solid #f1f5f9;
-		transition: all 0.3s ease;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 15px;
-
-		&:hover {
-			background: linear-gradient(90deg, #f8fafc 0%, #f1f5f9 100%);
-		}
-	}
-
-	.violation-icon-wrapper {
-		width: 100%;
-		height: 100%;
-		object-fit: cover;
-		border-radius: 12px;
-		width: 48px;
-		height: 48px;
-		border-radius: 12px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 20px;
-		flex-shrink: 0;
-
-		&.photo {
-			background: linear-gradient(135deg, #dbeafe, #bfdbfe);
-
-			img {
-				width: 100%;
-				height: 100%;
-				object-fit: cover;
-				border-radius: 12px;
-			}
-		}
-	}
-
-	.btn-primary {
-		padding: 10px 20px;
-	}
-
-	.violation-content-info {
-		flex: 1;
-	}
-
-	.violation-filename {
-		font-weight: 600;
-		color: #1e293b;
-		font-size: 15px;
-		margin-bottom: 5px;
-		display: block;
-	}
-
-	.violation-meta {
-		display: flex;
-		gap: 15px;
-		font-size: 13px;
-		color: #64748b;
-		flex-wrap: wrap;
-	}
-
-	.violation-meta-item {
-		display: flex;
-		align-items: center;
-		gap: 5px;
-	}
-
-	.violation-status-badge {
-		padding: 6px 12px;
-		border-radius: 20px;
-		font-size: 12px;
-		font-weight: 600;
-		background: linear-gradient(135deg, #fee2e2, #fecaca);
-		color: #dc2626;
-		white-space: nowrap;
-	}
-
-	.violation-sources-badge {
-		padding: 6px 12px;
-		border-radius: 20px;
-		font-size: 12px;
-		font-weight: 600;
-		background: linear-gradient(135deg, #fef3c7, #fde68a);
-		color: #d97706;
-		white-space: nowrap;
-	}
-} */
-
 import Link from 'next/link';
 import Image from 'next/image';