feat: update - use design system components

2026-08-22 14:34:27 +05:00
parent 15e2e010ec
commit c7b56bbda7
8 changed files with 100 additions and 162 deletions
@@ -33,7 +33,7 @@
 </script>

 <div
-	class="dropzone"
+	class="dropzone panel"
 	class:dragging
 	role="button"
 	tabindex="0"
@@ -81,16 +81,14 @@
 		gap: var(--space-2);
 		min-height: 14rem;
 		padding: var(--space-4);
-		border: 2px dashed var(--border);
-		border-radius: var(--radius-m);
-		background: var(--surface);
+		border-style: dashed;
 		color: var(--text-muted);
 		text-align: center;
 		cursor: pointer;
 		user-select: none;
 		transition:
-			border-color 120ms ease,
-			background 120ms ease;
+			border-color var(--transition-fast),
+			background var(--transition-fast);
 	}

 	.dropzone:hover,