Add stale refresh indicator

2026-06-29 10:46:03 -03:00
parent ff55d0618e
commit 9bd595fcac
8 changed files with 74 additions and 15 deletions
--- a/src/index.css
+++ b/src/index.css
@@ -102,6 +102,26 @@
    }
  }

+  .refresh-progress {
+    animation: refresh-progress-slide 1.05s ease-in-out infinite;
+    box-shadow: 0 0 12px color-mix(in srgb, var(--color-brand-primary) 38%, transparent);
+  }
+
+  .refreshing-content {
+    opacity: 0.72;
+    transition: opacity 180ms ease;
+  }
+
+  @keyframes refresh-progress-slide {
+    0% {
+      transform: translateX(-120%);
+    }
+
+    100% {
+      transform: translateX(320%);
+    }
+  }
+
  .app-shell {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.018), rgba(255, 255, 255, 0) 24rem),