add market-page layouts, v1 for endpoints

2025-12-05 16:19:13 +07:00
parent 6a290832d6
commit fcb87c180c
13 changed files with 289 additions and 11 deletions
@@ -0,0 +1,129 @@
+.protection-summary {
+	background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
+	border: 2px solid #4caf50;
+	border-radius: 15px;
+	padding: 20px;
+	margin-bottom: 25px;
+	text-align: center;
+
+	h3 {
+		color: #2e7d32;
+		margin-bottom: 15px;
+		font-size: 18px;
+	}
+
+	.protection-stats {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+		gap: 15px;
+		margin-top: 15px;
+	}
+
+	.stat-card {
+		background: rgba(255, 255, 255, 0.8);
+		padding: 15px;
+		border-radius: 10px;
+		text-align: center;
+	}
+
+	.stat-number {
+		font-size: 24px;
+		font-weight: bold;
+		color: #2e7d32;
+	}
+
+	.stat-label {
+		font-size: 12px;
+		color: #666;
+		margin-top: 5px;
+	}
+}
+
+.upload-section {
+	background: white;
+	border-radius: 20px;
+	padding: 30px;
+	margin-bottom: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		margin-bottom: 20px;
+		color: #111827;
+		font-size: 20px;
+	}
+
+	.drag-drop-zone {
+		border: 3px dashed #6366f1;
+		border-radius: 15px;
+		padding: 40px 20px;
+		text-align: center;
+		background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
+		margin-bottom: 20px;
+		transition: all 0.3s ease;
+
+		h4 {
+			color: #6366f1;
+			margin-bottom: 10px;
+		}
+
+		p {
+			color: #6b7280;
+			margin-bottom: 20px;
+		}
+
+		.btn-primary {
+			background: linear-gradient(45deg, #6566f1, #01579b);
+		}
+	}
+}
+
+.test-section {
+	background: linear-gradient(135deg, #fff3e0, #ffe0b2);
+	border-radius: 20px;
+	padding: 30px;
+	margin-bottom: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		margin-bottom: 20px;
+		color: #e65100;
+		font-size: 20px;
+	}
+
+	.test-section-content {
+		border: 2px dashed #ff9800;
+		border-radius: 10px;
+		padding: 20px;
+		text-align: center;
+		background: #fff8e1;
+
+		h4 {
+			font-size: 32px;
+			margin-bottom: 10px;
+		}
+
+		.btn {
+			background: linear-gradient(45deg, #ff9800, #f57c00);
+		}
+
+		p {
+			margin-top: 15px;
+			font-size: 12px;
+			color: #e65100;
+		}
+	}
+}
+
+.protected-files-table {
+	background: white;
+	border-radius: 15px;
+	overflow: hidden;
+	margin-top: 30px;
+	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+
+	h3 {
+		padding: 20px 20px 0;
+		color: #111827;
+		font-size: 18px;
+	}
+}