Merge pull request #192 from AGiXT/Better-activities-UI

Better activities UI

Author: Josh-XT

app/globals.css

@@ -210,3 +210,55 @@ pre {
   overflow-x: auto;
   max-width: 100%;
 }
+
+/* Modern activity animations */
+@keyframes fadeIn {
+  from { 
+    opacity: 0; 
+    transform: translateY(-3px) scale(0.98); 
+  }
+  to { 
+    opacity: 1; 
+    transform: translateY(0) scale(1); 
+  }
+}
+
+@keyframes slideInFromLeft {
+  from { 
+    opacity: 0; 
+    transform: translateX(-8px) scale(0.98); 
+  }
+  to { 
+    opacity: 1; 
+    transform: translateX(0) scale(1); 
+  }
+}
+
+.animate-fade-in {
+  animation: fadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+.animate-slide-in-from-left {
+  animation: slideInFromLeft 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
+}
+
+/* Animation delay utilities */
+.animation-delay-100 {
+  animation-delay: 50ms;
+}
+
+.animation-delay-200 {
+  animation-delay: 100ms;
+}
+
+.animation-delay-300 {
+  animation-delay: 150ms;
+}
+
+.animation-delay-400 {
+  animation-delay: 200ms;
+}
+
+.animation-delay-500 {
+  animation-delay: 250ms;
+}