feat(frontend): add icon/size header, spinner, and styled download button to FileCard

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-31 16:02:06 +02:00
parent 994d70aa62
commit f1f7a0162d
2 changed files with 54 additions and 5 deletions
@@ -142,6 +142,45 @@
  min-height: 44px;
 }

+.job-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--color-foreground);
+  opacity: 0.75;
+}
+
+.spin {
+  animation: spin 900ms linear infinite;
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.download-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  background: var(--color-accent);
+  color: var(--color-on-primary);
+  border: none;
+  border-radius: 8px;
+  padding: 0.6rem 1.25rem;
+  font-weight: 600;
+  min-height: 44px;
+  text-decoration: none;
+}
+
+.download-button:hover {
+  filter: brightness(1.05);
+}
+
 .error {
  color: var(--color-destructive);
 }