add file-table layout

2025-12-05 16:38:10 +07:00
parent c4538df07b
commit 3da07d6073
2 changed files with 150 additions and 6 deletions
@@ -127,6 +127,11 @@
 		font-size: 18px;
 	}

+	table {
+		width: 100%;
+		border-collapse: collapse;
+	}
+
 	th {
 		background: linear-gradient(135deg, #6366f1, #8b5cf6);
 		color: white;
@@ -159,5 +164,62 @@
 			margin-right: 12px;
 			border: 2px solid #6366f1;
 		}
+
+		&-title {
+			font-weight: 500;
+			color: #111827;
+			font-size: 14px;
+		}
+
+		&-protect {
+			font-size: 11px;
+			color: #6366f1;
+			font-weight: 600;
+		}
+
+		&-size {
+			color: #6b7280;
+			font-size: 14px;
+		}
+
+		&-protect {
+			display: flex;
+			align-items: center;
+		}
+
+		&-bar {
+			width: 30px;
+			height: 6px;
+			background: #e5e7eb;
+			border-radius: 3px;
+			margin-right: 8px;
+		}
+
+		&-fill {
+			width: 100%;
+			height: 100%;
+			background: #6366f1;
+			border-radius: 3px;
+		}
+
+		&-date {
+			color: #6b7280;
+			font-size: 13px;
+		}
+	}
+
+	.btn-secondary {
+		background: #6b7280;
+		color: white;
+	}
+
+	.real-protection-badge {
+		background: linear-gradient(135deg, #6366f1, #8b5cf6);
+		color: white;
+		padding: 2px 6px;
+		border-radius: 4px;
+		font-size: 9px;
+		font-weight: bold;
+		margin-left: 5px;
 	}
 }