From 473b0f5241c0a38cbd5a27630b263701d5805168 Mon Sep 17 00:00:00 2001
From: Monochromish <79590499+Monochromish@users.noreply.github.com>
Date: Tue, 5 Apr 2022 10:19:44 +1000
Subject: [PATCH] Added gradient animation on Replay Viewport (#813)

---
 src/renderer/less/pages.less | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index ea5601b3..59d84968 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -1374,7 +1374,9 @@
   }
 
   .replay-viewport {
-    background   : var(--replayGradient);
+    background-image: linear-gradient(-45deg, #2e2173, #925042);
+    animation: gradient-animation 5s ease-in-out infinite;
+    background-size: 400% 400%;
     padding      : 16px 40px;
     border-radius: 10px;
     box-shadow   : var(--mediaItemShadow), var(--mediaItemShadow-Shadow);