refactor

2025-12-27 13:47:51 +07:00
parent f8bbf56f47
commit bd2ec273a9
17 changed files with 315 additions and 449 deletions
@@ -1,5 +1,50 @@
 /* removed */

+/* .recent-files-list {
+	.file-item {
+		display: flex;
+		align-items: center;
+		padding: 12px 0;
+		border-bottom: 1px solid #f8fafc;
+		transition: background-color 0.2s;
+
+		&:hover {
+			background: #f8fafc;
+			margin: 0 -15px;
+			padding-left: 15px;
+			padding-right: 15px;
+			border-radius: 10px;
+		}
+	}
+
+	.file-icon {
+		width: 32px;
+		height: 32px;
+		border-radius: 8px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 12px;
+		font-size: 14px;
+	}
+
+	.file-info {
+		flex: 1;
+	}
+
+	.file-name {
+		font-weight: 500;
+		color: v.$text-s;
+		font-size: 14px;
+		margin-bottom: 2px;
+	}
+
+	.file-meta {
+		font-size: 12px;
+		color: #64748b;
+	}
+} */
+
 export default function RecentFilesList() {
 	return (
 		<div className="recent-files-list block-wrapper">
@@ -1,5 +1,86 @@
 /* removed */

+/* .user-info {
+	.user-data {
+		margin-bottom: 20px;
+	}
+
+	.user-field {
+		margin-bottom: 15px;
+		padding: 12px;
+		background: #f9fafb;
+		border-radius: 10px;
+		font-size: 14px;
+		border-left: 4px solid v.$p-color;
+
+		strong {
+			color: v.$p-color;
+		}
+
+		&-limit {
+			&-title {
+				font-size: 12px;
+				color: #64748b;
+				margin-bottom: 5px;
+			}
+
+			&-text {
+				font-size: 13px;
+				margin-bottom: 6px;
+
+				span {
+					font-weight: 600;
+					color: #1e293b;
+				}
+			}
+
+			&-progress-bar {
+				background: #f1f5f9;
+				border-radius: 10px;
+				overflow: hidden;
+				height: 6px;
+				margin: 8px 0;
+			}
+
+			&-progress-fill {
+				width: 12%;
+				background: linear-gradient(90deg, rgb(99, 102, 241), rgb(139, 92, 246));
+				height: 100%;
+				border-radius: 10px;
+				transition: width 0.8s ease;
+			}
+
+			&-footer {
+				font-size: 11px;
+				color: #64748b;
+				text-align: center;
+			}
+		}
+	}
+
+	.stats-mini {
+		display: flex;
+		justify-content: space-between;
+		margin-top: 20px;
+	}
+
+	.stat-mini {
+		text-align: center;
+
+		&-value {
+			font-size: 24px;
+			font-weight: 700;
+			color: v.$p-color;
+		}
+
+		&-label {
+			font-size: 12px;
+			color: #6b7280;
+			margin-top: 5px;
+		}
+	}
+} */
+
 export default function UserInfo() {
 	return (
 		<div className="user-info block-wrapper">
@@ -1,3 +1,41 @@
+/* removed */
+/* .test-section {
+	background: linear-gradient(135deg, #fff3e0, #ffe0b2);
+	border-radius: 20px;
+	padding: 30px;
+	margin-bottom: 30px;
+	box-shadow: 0 4px 20px v.$shadow-1;
+
+	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;
+		}
+	}
+} */
+
 export default function TestSection() {
 	return (
 		<div className="test-section">