feat: update row actions to include payment functionality and add corresponding icon

2026-10-19 22:12:40 +05:30
parent eb0b042f0c
commit 7b6c9ac92a
5 changed files with 69 additions and 39 deletions
@@ -133,4 +133,46 @@
 .react-grid-item > .react-resizable-handle::after {
  border-right-color: var(--muted-foreground);
  border-bottom-color: var(--muted-foreground);
+}
+
+/* Top loading strip: thin bar sliding across with a neon-red leading dot. */
+.top-loader {
+  pointer-events: none;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 2px;
+  overflow: visible;
+  z-index: 50;
+}
+.top-loader__bar {
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(255, 60, 90, 0.35) 55%,
+    rgba(255, 90, 120, 0.9) 90%,
+    #ff2e63 100%
+  );
+  transform: translateX(-100%);
+  animation: top-loader-slide 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+}
+.top-loader__head {
+  position: absolute;
+  right: -4px;
+  top: -2px;
+  height: 6px;
+  width: 10px;
+  border-radius: 9999px;
+  background: #ff6b8a;
+  box-shadow:
+    0 0 6px 1px #ff2e63,
+    0 0 14px 2px rgba(255, 46, 99, 0.75),
+    0 0 24px 4px rgba(255, 46, 99, 0.35);
+}
+@keyframes top-loader-slide {
+  0%   { transform: translateX(-100%); }
+  100% { transform: translateX(100%); }
 }